Bug 207549 - select text vertical alignment (baseline) is affected by preceding element with dynamic height
Summary: select text vertical alignment (baseline) is affected by preceding element wi...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Forms (show other bugs)
Version: Other
Hardware: Mac Other
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2020-02-11 06:58 PST by andreyvlktn
Modified: 2020-02-11 09:21 PST (History)
3 users (show)

See Also:

Attachments
Test example (714 bytes, text/html)
2020-02-11 06:58 PST, andreyvlktn 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description andreyvlktn 2020-02-11 06:58:17 PST 
Created attachment 390367 [details]
Test example

I'm testing on Safari 11, OS X 10.11.6

Steps to reproduce the problem:
1. Open attached test.html
2. Resize window width continuously

What is the expected behavior?
The vertical alignment (baseline) of the text inside select and outside of it should be maintained

What went wrong?
The text inside select shifts vertically while the surrounding text stays intact. So that vertical alignment (baseline) of the text inside select and outside of it is off by 1px depending on the browser width (and height of element with the red border). 

Does this work in other browsers? No
Chrome/Blink also have this issue.

Firefox, IE11, Edge 18 (pre-Blink) doesn't have this issue. The select text still shifts there, but in sync with surrounding text so that vertical alignment is maintained