Bug 312476
| Summary: | Flexbox: calc(infinity) flex-grow factor fails to stretch item to 100% width. | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Nilesh Prajapati <nileshprajapati> |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | bfulgham, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | Safari 26 | ||
| Hardware: | Mac (Apple Silicon) | ||
| OS: | macOS 26 | ||
Nilesh Prajapati
Hi Webkit,
Issue:
When resizing the window to a smaller viewport, the following demo fails to fill the remaining space in Safari.
To illustrate the problem, I recommend adding a red background to the main window.
https://codepen.io/amit_sheen/pen/dPpjEOv/6896f83a17a23d0f92099c3d7ad40b83?editors=1100
Ref: https://frontendmasters.com/blog/building-a-ui-without-breakpoints/
The issue is not present in either Chrome or Firefox and works as expected. It fills the remaining space at a smaller viewport size.
Thanks,
Nilesh
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
*** This bug has been marked as a duplicate of bug 312477 ***