RESOLVED INVALID183637
Incorrect element rendering on photopea.com 
https://bugs.webkit.org/show_bug.cgi?id=183637
Summary Incorrect element rendering on photopea.com
Ivan Kuckir
Reported 2018-03-14 10:16:39 PDT
I have this website: https://www.Photopea.com Click Demo: "pea.psd" in the middle. On the bottom right, there will be an area called "Layers". Each items inside it contains text: so-called "layer name". This layer name is rendered vertically in the middle in all browsers (Chrome, Firefox, IE, Edge ...). But Safari aligns the layer name to the bottom. Safari: https://user-images.githubusercontent.com/36803688/37406130-620d70e2-27d1-11e8-8ef0-4ef8ae1f70c7.jpg Chrome: https://i.imgur.com/aI6cUSD.png Do you know why is it rendered this way? Since many other browsers render it differently, my guess is, that the Webkit rendering is incorrect.
Attachments
Add attachment proposed patch, testcase, etc.
Alexey Proskuryakov
Comment 1 2018-03-15 22:55:22 PDT
Thank you for the report! Would you be willing to create a reduced test case?
Ivan Kuckir
Comment 2 2018-03-27 06:53:55 PDT
I am sorry, I don't have a Mac OS device to create a reduced case, i.e. to test, if my reduced case is still wrong in Safari. One of my users reported it to me and sent me those screenshots. If you simply analyze the CSS with developer tools, you should be able to see what is the problem.
Ivan Kuckir
Comment 3 2018-03-31 06:54:15 PDT
BTW. can you please release Safari for Windows? It would be easier for me to test my webs in Safari. You would get more bug reports and Safari would move forward much faster than it is moving now.
Brent Fulgham
Comment 4 2022-07-15 14:04:06 PDT
It's difficult to confirm this bug without a test case. We don't believe there is an ongoing issue here. If you do feel there is a problem, please REOPEN this bug and include a test case illustrating the issue.
Note You need to log in before you can comment on or make changes to this bug.