Сафари устанавливает фиксированную ширину для элементов пролета с текстом ⇐ Html

[Anonymous]

Использование Safari 18.3 (20620.2.4.11.5) и заметил странное поведение или, возможно, ошибку. < /p>

Чтобы отобразить специальные символы, я наложу весь ввод с помощью Span Elements Полем Это просто означает, что .Input-representation абсолютно позиционируется выше ввода :

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

m
y
 
 
 
◵
 
 
t
e
x
t



< /code>
Теперь в Chrome, Firefox, Edge как настольных, так и мобильных элементах SPAN < /code> Elements - это ширина их буквы.
Safari, с другой стороны, устанавливает фиксированное размер для каждой буквы, которая немного вытесняет. src = "https://i.sstatic.net/eag8uqav.png"/> 
Пример с символом y 

в Safari:
> Код> или ширина: fit-content , кажется, ничего не делает. Я также переключил теги Span с помощью p , но это тоже не помогло.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -with-text