The default bug view has changed. See this FAQ.
Last Comment Bug 1322780 - unprefix min-content, max-content, fit-content, and fill keywords
: unprefix min-content, max-content, fit-content, and fill keywords
Status: NEW
: dev-doc-needed, site-compat
Product: Core
Classification: Components
Component: Layout (show other bugs)
: Trunk
: Unspecified Unspecified
-- normal with 1 vote (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
:
: Jet Villegas (:jet)
Mentors:
https://drafts.csswg.org/css-sizing/#...
Depends on:
Blocks: unprefix css-sizing-3
  Show dependency treegraph
 
Reported: 2016-12-09 17:14 PST by David Baron :dbaron: ⌚️UTC-7
Modified: 2017-02-06 22:43 PST (History)
4 users (show)
See Also:
Crash Signature:
(edit)
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---
affected


Attachments
image fill test (935 bytes, text/html)
2016-12-21 06:04 PST, Mats Palmgren (:mats)
no flags Details
image fill test, one axis only (1.05 KB, text/html)
2016-12-21 13:22 PST, Mats Palmgren (:mats)
no flags Details

Description User image David Baron :dbaron: ⌚️UTC-7 2016-12-09 17:14:29 PST
We should unprefix the keywords at https://drafts.csswg.org/css-sizing/#width-height-keywords .  This includes renaming -moz-available to fill (different name).

See also bug 1312588.
Comment 1 User image Mats Palmgren (:mats) 2016-12-21 06:04:48 PST
Created attachment 8820716 [details]
image fill test

It seems our -moz-available isn't compatible with Chrome's -webkit-fill-available.
(Firefox overflows in the vertical dimension when the window is wide,
Chrome does not.
Firefox preserves the image ratio when the window is narrow, Chrome does not.)
Comment 2 User image David Baron :dbaron: ⌚️UTC-7 2016-12-21 12:53:13 PST
(In reply to Mats Palmgren (:mats) from comment #1)
> It seems our -moz-available isn't compatible with Chrome's
> -webkit-fill-available.
> (Firefox overflows in the vertical dimension when the window is wide,
> Chrome does not.
> Firefox preserves the image ratio when the window is narrow, Chrome does
> not.)

Maybe the difference in this test is that they support the keyword for the block-size dimension and we only support it for inline-size?
Comment 3 User image Mats Palmgren (:mats) 2016-12-21 13:22:18 PST
Created attachment 8820886 [details]
image fill test, one axis only

It looks like Chrome support it in both dimensions, but the ratio-preservation
is wrong in some cases and they also overflow in some cases.  But, they do
preserve the ratio here when it's only specified in one axis, unlike
the first testcase that has 'fill' in both axes. 

It seems Gecko only support 'fill' in the inline-direction though.
We should probably not unprefix this before we support it in both.

Note You need to log in before you can comment on or make changes to this bug.