[Bug]: При определённых условиях у ImageBase при загруженном изображении в углах может проглядывать фон #6850
Comments
4 tasks
mendrew
added a commit
that referenced
this issue
May 21, 2024
Согласно #6850 иногда фон `ImageBase` выглядывает из-за изображение, особенно, если фон `ImageBase` отличается по цвету от фона контейнера. Довольно интересная особенность, проявляющаяся при абсолютном позиционировании `img` внутри `ImageBase`, когда у родительский элемент `ImageBase` обрезает края с помощью `border-radius` и o`verflow: hidden`. Проблема связана со сглаживанием углов в бразузерах. Проблема старая и красивого решения для неё нет. В хроме сработало бы выставление фона на самом компоненте img, но это не работает в Firefox. Как вариант мы могли бы немного уменьшать фон, чтобы он так не выглядывал, но с разным значением border-radius надо добавлять разные отступы для фона. Лучше всего просто фон убирать, если изображение загрузилось.
| ✅ v6.1.0 🎉 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Описание
Иногда, у достаточно светлых картинок можно увидеть фон позади, если они были обрезаны за счёт родительского элемента.
Версия
6.0.2
В каких браузерах воспроизводится проблема?
No response
Шаги воспроизведения
Необходимо иметь достаточно светлое изображение, вставленное в родителя с border-radius и overflow: hidden.
Для того, чтобы заметить в районе скруглений часть фона ImageBase нужно фон сделать отличным от основного фона приложения, например в светлой теме обернув ImageBase в
<AppearanceProvider value="dark">, чтобы фон ImageBase стал темнее и было видно как он выглядывает позади картинки.Ожидаемое поведение
Фон ImageBase не должен выглядывать из-за изображения.
Скриншоты
Пример с воспроизведением
https://codesandbox.io/p/sandbox/still-dawn-kzr5lf
The text was updated successfully, but these errors were encountered: