RESOLVED DUPLICATE of bug 312477312476
Flexbox: calc(infinity) flex-grow factor fails to stretch item to 100% width. 
https://bugs.webkit.org/show_bug.cgi?id=312476
Summary Flexbox: calc(infinity) flex-grow factor fails to stretch item to 100% width.
Nilesh Prajapati
Reported 2026-04-16 08:54:02 PDT
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
Comment 1 2026-04-16 12:02:04 PDT
*** This bug has been marked as a duplicate of bug 312477 ***
Note You need to log in before you can comment on or make changes to this bug.