| Summary: | width: max-content with box-sizing: border-box should leave space for padding (Twitter date hover overflow) | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Sam Sneddon [:gsnedders] <gsnedders> | ||||||||||||||
| Component: | Layout and Rendering | Assignee: | zalan <zalan> | ||||||||||||||
| Status: | RESOLVED FIXED | ||||||||||||||||
| Severity: | Normal | CC: | bfulgham, cdumez, changseok, esprehn+autocc, ews-watchlist, glenn, jfernandez, koivisto, kondapallykalyan, mifenton, mmaxfield, pdr, rego, simon.fraser, svillar, webkit-bug-importer, zalan | ||||||||||||||
| Priority: | P2 | Keywords: | BrowserCompat, InRadar | ||||||||||||||
| Version: | Safari Technology Preview | ||||||||||||||||
| Hardware: | Unspecified | ||||||||||||||||
| OS: | Unspecified | ||||||||||||||||
| URL: | https://twitter.com/gsnedders | ||||||||||||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=219944 | ||||||||||||||||
| Attachments: |
|
||||||||||||||||
Created attachment 415760 [details]
Safari mouseover
Maybe the element just isn't quite wide enough for the text in Safari? Nah, it's definitely WebKit. :) <div style="box-sizing: border-box; padding: 5px; position: absolute; width: max-content;">Filler text</div> Presumably we're not obeying box-sizing for max-content or something like that? Created attachment 415774 [details]
test case
LFC patch landed here: https://trac.webkit.org/changeset/270891 Created attachment 416570 [details]
Patch
Created attachment 416571 [details]
Patch
Created attachment 416573 [details]
Patch
Committed r271003: <https://trac.webkit.org/changeset/271003> All reviewed patches have been landed. Closing bug and clearing flags on attachment 416573 [details]. |
Created attachment 415759 [details] Firefox mouseover If you mouseover a date on a tweet, in Safari (14.0, STP 116, trunk) it wraps to multiple lines but doesn't in other browsers.