smilingcheater, приходится поддерживать да(
Артефакт синий это я задал синий фон тегу picture чтобы наглядно показать его размеры, в самой картинке артефактов нет
Ankhena, ждать определения скриптом поддержку webp это хорошая практика с точки зрения производительности? Браузеру нужно сперва понять какие картинки отдавать загрузив и выполнив скрипт и только потом приступать к отрисовке страницы, или я чего-то не понимаю
за image-set спасибо я посмотрю, однако там тоже псевдоэлементу не задать ширину и возможно он также будет его растягивать (надо пробовать)
Чтобы вставить svg - да это будет работать и в целом даже сэкономит 10кб на картинке это хорошее решение, однако не все картинки векторные, получается тут только юлить и пробовать, явного решения конкретно этого случая нет
а нет... задавая высоту picture фиксированную а не в процентах баг исправляется, однако это не подходит поскольку высота картинки должна зависеть от высоты контента слева
в псевдоэлемент убрать ее не получится поскольку нужна поддержка webp (в примере я удалил source для ретины/для обычных экранов в формате png и source для ретины/обычных экранов в формате webp.
По поводу неизвестно как отрисовывать, я бы согласился с вами если бы я не задавал явно картинке тег img ширину и высоту и это не воспроизводилось бы снова.
я пробовал и через aspect-ratio задавать - проблема аналогичная как вы и написали он это не переваривает
я пробовал и высоту picture тегу задавать фиксированную - проблема также воспроизводится
проблема уходит только когда тегу picture задаешь display: inline, но это не совсем удобно для размещения
Я могу исправить это задав позиционирование картинки внутри picture по правому краю, это отчасти решит проблему и будет работать, но может есть другое решение
iljaGolubev, не совсем понятна связь с setBounds, нужно использовать вместо него?
Мне пришла еще идея если метка одна то просто центрировать карту через setCenter, но мне кажется можно более красивое решение сделать поскольку метки могут быть рядом
Александр Васильев, я использую remodal которую уже изрядно докрутил под себя и всеравно есть нюансы, в частности с открытием клавиатуры, можно это скинуть все на баг браузера, поскольку safari реально ведет себя не предсказуемо, смещая наверх целиком html документ и не отдает никаких изменений, например если получать getBoundingClientRect то возвращает одинаковые значения при открытой и закрытой клавиатуре
godsplane, писать свою кроссбраузерную библиотеку автозаполнения, полей селект, полей с ползунком, по мне так не совсем рационально если есть готовые решения и ты используешь их в достаточном объеме
установка тега <br> перед "в приложении" решает эту проблему, но это получается не адаптивно, так как перенос на мобильной версии или на других разрешениях экрана в других местах
таких блоков очень много и они должны подстраиваться под контент, фиксированную ширину я задать не могу, только если высчитывать ее через js для каждого блока, но это мне кажется чем-то не логичным.
Я хочу чтобы ширина подстраивалась под контент блока
это как пример, можно использовать и не дробные значение привязав 1rem = 1px на разрешении 1440, тогда 200px = 200rem, но вот с округлением да, я согласен, я часто наблюдал когда ты ставишь например размер элемента в 1px в rem то на разных браузерах он округляется либо до .5px либо до 1 и соответственно выглядит не пропорционально, но это наблюдается только в старых браузерах. Актуальные версии браузеров работают адекватно с округлением до десятых пикселя
Олег, это страница "спасибо за скачивание" на мобильном устройстве и хотелось бы, когда пользователь перешел в стор и вернулся на сайт то его встречала не главная страница, а страница спасибо. Класическая кнопка не устраивает лишними действиями, человек на сайте уже нажал скачать его отправило на страницу спасибо и ему надо нажимать еще раз
