-
Notifications
You must be signed in to change notification settings - Fork 180
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[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: