You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This commit was created on GitHub.com and signed with GitHub’s verified signature.
Fixed
A horizontally scrolling WDiv (overflow-x-* alone or overflow-auto on both axes) paints its border, background and padding across at least the full viewport, so a w-full flex flex-row overflow-x-auto border-b tab strip keeps its baseline edge to edge. The div's own box was built inside the horizontal SingleChildScrollView and sized to its content, so with four tabs on a desktop the baseline stopped after the fourth one; the w-full it carried sized the scroll view, not the box inside it. CSS paints those on the scroll container. The box is now wrapped in a WindMinWidthBox in a new loose mode: at least the published viewport width, and free to be wider, so content wider than the viewport still scrolls. Reusing the tight mode w-full children get was rejected: it forced wide content into the viewport width and overflowed. The div's own min-w-* is not applied here, since it sizes the scroll container rather than what it scrolls. (#264) (lib/src/widgets/w_div.dart, lib/src/widgets/wind_min_width_scroll.dart, test/widgets/w_div/overflow_test.dart, test/flex/wind_min_width_scroll_test.dart, doc/layout/overflow.md)