Thanks. I filed https://bugzilla.mozilla.org/show_bug.cgi?id=1920634 on this. I think Firefox's rendering is correct here, as I explained on the bug, but it's worth tracking the behavior-difference.
On Mon, Sep 23, 2024 at 9:29 PM 一丝 <yio...@gmail.com> wrote: > Currently Firefox and Chrome don't agree on how to calculate the width of > a float element. > > https://issues.chromium.org/issues/41368104 > > ```html > data:text/html;charset=UTF-8,<!DOCTYPE html> > <div style="float:left; width:100px; height:100px; border:1px > solid;">float</div> > <div style="overflow:hidden; width:-webkit-fill-available; > background:cyan;"> > Should this go below the float, or beside it? > </div> > ``` > > 在2024年7月26日星期五 UTC+8 01:39:25<dhol...@mozilla.com> 写道： > >> Summary: This is a keyword for CSS sizing properties (e.g. 'width', >> 'height') that allows elements to grow to exactly fill their containing >> block's available space (similar to our existing supported '-moz-available' >> keyword, though that moz-prefixed keyword only works in one axis for now, >> while these keywords won't have that restriction) >> Bugs: >> https://bugzilla.mozilla.org/show_bug.cgi?id=1789477 for 'stretch' >> https://bugzilla.mozilla.org/show_bug.cgi?id=1872755 for >> '-webkit-fill-available' >> Specification: >> https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch >> Standards Body: CSSWG >> Platform coverage: All platforms >> DevTools bug: N/A (as a new sizing keyword, this Just Works with existing >> DevTools) >> Link to standards-positions discussion: >> https://github.com/mozilla/standards-positions/issues/1054 >> Other browsers: >> Blink: shipped the -webkit-fill-available keyword for this behavior >> since ~forever, and they're working on the unprefixed "stretch" keyword as >> well per >> https://github.com/web-platform-tests/interop-2022-viewport/issues/18#issuecomment-1268722823 >> WebKit: shipped the -webkit-fill-available keyword for this behavior >> since ~forever. I'm not sure if/when they're planning to ship the >> unprefixed "stretch" name. >> >> web-platform-tests: No substantial WPTs for "stretch" or >> "-webkit-fill-available" exist yet, but I plan to add some WPTs before >> enabling either of these keywords by default on any channel. >> >> >> -- You received this message because you are subscribed to the Google Groups "dev-platform@mozilla.org" group. To unsubscribe from this group and stop receiving emails from it, send an email to dev-platform+unsubscr...@mozilla.org. To view this discussion on the web visit https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/CAN_rCTkjcy-zdkNG7EOpON8CuwKOFfx9HN_xxw58FaMtLH8tNA%40mail.gmail.com.
