Open
Bug 1835386
Opened 2 years ago
Updated 2 years ago
Increase sizes to accommodate spanning items crossing flexible tracks
Categories
(Web Compatibility :: Knowledge Base, defect)
Web Compatibility
Knowledge Base
Tracking
(Not tracked)
NEW
People
(Reporter: ksenia, Unassigned)
References
(Depends on 1 open bug)
Details
User Story
url:www.bbc.com/* url:cloud.google.com/* url:www.storytel.com/* url:www.bonappetit.com/* url:microsoftedgetips.microsoft.com/* url:www.timeout.com/* url:leadstories.com/*
Symptoms:
- Grid item is too wide and overlaps other elements to the right of it.
- Site doesn't fit the screen on mobile due to one of its elements overflowing the screen.
Solutions:
Possible workarounds:
- Add
min-width: 0
to the affected grid item (child element of an element withdisplay: grid;
).
Reporter | ||
Updated•2 years ago
|
User Story: (updated)
See Also: → https://github.com/webcompat/web-bugs/issues/51224,
https://github.com/webcompat/web-bugs/issues/48863,
https://github.com/mozilla-extensions/webcompat-addon/blob/81746891f9016a11610760c90e2e1c672deaf519/src/injections/css/bug1743614-storytel.com-flex-min-width.css,
https://github.com/webcompat/web-bugs/issues/88752,
https://github.com/mozilla-extensions/webcompat-addon/blob/2a5c6cb90dc2b51c5554a6a7816c3ee2a9f0528b/src/injections/css/bug1749565-bonappetit.com-grid-width-fix.css,
https://github.com/webcompat/web-bugs/issues/84331,
https://github.com/webcompat/web-bugs/issues/83097,
https://github.com/webcompat/web-bugs/issues/103328,
https://github.com/mozilla-extensions/webcompat-addon/blob/81746891f9016a11610760c90e2e1c672deaf519/src/injections/css/bug1768243-cloud.google.com-allow-table-scrolling.css,
https://github.com/webcompat/web-bugs/issues/102601,
https://bug1730965.bmoattachments.org/attachment.cgi?id=9250592,
https://wpt.fyi/results/css/css-grid/layout-algorithm/flex-and-intrinsic-sizes-002.html
You need to log in
before you can comment on or make changes to this bug.
Description
•