Box-Share на Safari vs Chrome (используя класс кольца Tailind V3) ⇐ CSS

[Anonymous]

То, что вы можете увидеть ниже, является чем-то, что я заметил недавно, и я ожидаю, что это будет связано с недавним обновлением Safari, потому что я никогда не замечал его раньше. На хроме радиус кольца рендесируется правильно, но на сафари выглядит так, как будто он использует тот же радиус, что и модальный, что делает его уродливым. На рисунках ниже ясно показывают разницу:
chrome (правильно)

safer> (Уродливое)

Полный класс списка модели ниже (не уверен, если уместно, но для полной). Обратите внимание, что есть кольцо-1 Ring-Gray-950/5 и классы Dark Mode, но я перезаписываю их путем настройки:

Код: Выделить всё

.fi-modal-window {
@apply sm:ring-8 sm:ring-white/30 !important;
}
< /code>
, который работает так же, как и ожидалось. Те же классы, просто другой размер и цвет для кольца.fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl max-w-xl

Подробнее здесь: https://stackoverflow.com/questions/796 ... ring-class