chinese-words-separator / chinese-words-separator.github.io

5 stars 1 forks source link

Latest Chrome (version 109) renders broken layout for pseudo element (e.g., when pinyin is on top of the main element) #5

Closed chinese-words-separator closed 1 year ago

chinese-words-separator commented 1 year ago

But is ok on Safari and Kiwi browsers

Chrome, broken

image

Safari, ok

image

Kiwi, ok

image

This problem happens when the pseudo element is on top

Test site: https://www.zhihu.com/question/19562698

I tried using an older version of Chrome (e.g., 107), older Chrome has no problem rendering correct layout for pseudo elements

Version 107 of Chrome, ok

image
chinese-words-separator commented 1 year ago

Solution: https://stackoverflow.com/questions/75216867/chrome-version-109-breaking-change-on-custom-tag/75216887#75216887