Bug 183637
| Summary: | Incorrect element rendering on photopea.com | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ivan Kuckir <ivan.kuckir> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | Safari 11 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Ivan Kuckir
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
Thank you for the report! Would you be willing to create a reduced test case?
Ivan Kuckir
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
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
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.