Bug 120498
| Summary: | Fix baseline computation for nested inline-blocks | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ryosuke Niwa <rniwa> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, bfulgham, enrica, hyatt, mitz, simon.fraser, zalan |
| Priority: | P2 | Keywords: | BlinkMergeCandidate |
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Ryosuke Niwa
Consider merging https://chromium.googlesource.com/chromium/blink/+/c608372cc09f02cd9e7cce737a33bb6798ab82b3
This moves the check for overflow: <not visible> into
inlineBlockBaseline, so that the baseline gets correctly calculated for
an outer inline-block when an inner inline-block or block has
overflow: hidden.
We also do this if the inner block is not an inline-block -- this
matches Firefox behavior and is required for at least one website
(http://in.yahoo.com/).
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ahmad Saleem
Test Case 1 - https://jsfiddle.net/9r1f6m7j/show - Works same across all browsers (Safari 16, Chrome Canary 108 and Firefox Nightly 107)
Test Case 2 - https://jsfiddle.net/o1ye6bct/show
Difference in browsers:
>> Safari 16 show second line same as Firefox Nightly 107 in terms of scroll position compared to Chrome Canary 108
>> Safari 16 show all boxes in first line display their scrollbar at bottom (scrolled).