Unprefix -webkit-min-content, -webkit-max-content and -webkit-fit-content
authorrego@igalia.com <rego@igalia.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 13 Mar 2017 11:44:45 +0000 (11:44 +0000)
committerrego@igalia.com <rego@igalia.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 13 Mar 2017 11:44:45 +0000 (11:44 +0000)
https://bugs.webkit.org/show_bug.cgi?id=169195

Reviewed by Sergio Villar Senin.

Based on Blink r200846 by <cbiesinger@chromium.org>.
https://src.chromium.org/viewvc/blink?revision=200846&view=revision

Source/WebCore:

This patch adds support for the unprefixed version of these properties,
while it keeps the prefixed ones working too.
-webkit-fill-available is left out of this change, as the CSS WG
is still defining the final keyword and behavior.

With this patch WebKit will be in the same situation than Blink
regarding these intrinsic sizing keywords (see http://crbug.com/245157).

Test: fast/css-intrinsic-dimensions/height-property-value.html
      fast/css-intrinsic-dimensions/width-property-value.html

* css/CSSPrimitiveValue.cpp:
(WebCore::CSSPrimitiveValue::init):
* css/CSSValueKeywords.in:
* css/StyleBuilderConverter.h:
(WebCore::StyleBuilderConverter::convertLengthSizing):
(WebCore::StyleBuilderConverter::createGridTrackBreadth):
* css/html.css:
(fieldset):
* css/parser/CSSPropertyParser.cpp:
(WebCore::validWidthOrHeightKeyword):
(WebCore::isGridTrackFixedSized):
(WebCore::consumeGridBreadth):
* html/track/TextTrackCueGeneric.cpp:
(WebCore::TextTrackCueGenericBoxElement::applyCSSProperties):
* html/track/VTTCue.cpp:
(WebCore::VTTCueBox::applyCSSProperties):

LayoutTests:

For most of the tests the only change is that we remove the prefix in these properties.
Additionally we're checking the behavior of both the prefixed and unprefixed versions in:
- fast/css-intrinsic-dimensions/height-property-value.html
- fast/css-intrinsic-dimensions/width-property-value.html

On top of that, a few tests from the CSS Grid Layout W3C test suite are now passing.

* TestExpectations:
* css3/flexbox/flexitem.html:
* css3/flexbox/orthogonal-writing-modes-and-intrinsic-sizing-expected.txt: Update results
as tests is now passing (it was using "min-content" already and thus failing on WebKit).
* css3/flexbox/overflow-auto-resizes-correctly.html:
* fast/css-grid-layout/fit-content-columns-expected.html:
* fast/css-grid-layout/fit-content-columns.html:
* fast/css-grid-layout/fit-content-rows-expected.html:
* fast/css-grid-layout/fit-content-rows.html:
* fast/css-grid-layout/flex-and-content-sized-resolution-columns.html:
* fast/css-grid-layout/flex-and-minmax-content-resolution-columns.html:
* fast/css-grid-layout/flex-and-minmax-content-resolution-rows.html:
* fast/css-grid-layout/float-not-protruding-into-next-grid-item.html:
* fast/css-grid-layout/grid-auto-columns-rows-auto-flow-resolution.html:
* fast/css-grid-layout/grid-auto-columns-rows-get-set-expected.txt:
* fast/css-grid-layout/grid-auto-columns-rows-get-set.html:
* fast/css-grid-layout/grid-auto-columns-rows-resolution.html:
* fast/css-grid-layout/grid-auto-columns-rows-update.html:
* fast/css-grid-layout/grid-auto-fill-columns.html:
* fast/css-grid-layout/grid-auto-fill-rows.html:
* fast/css-grid-layout/grid-auto-fit-columns.html:
* fast/css-grid-layout/grid-auto-fit-rows.html:
* fast/css-grid-layout/grid-auto-repeat-intrinsic.html:
* fast/css-grid-layout/grid-automatic-minimum-for-auto-columns.html:
* fast/css-grid-layout/grid-automatic-minimum-for-auto-rows.html:
* fast/css-grid-layout/grid-change-intrinsic-size-with-auto-repeat-tracks.html:
* fast/css-grid-layout/grid-columns-rows-get-set-expected.txt:
* fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt:
* fast/css-grid-layout/grid-columns-rows-get-set-multiple.html:
* fast/css-grid-layout/grid-columns-rows-get-set.html:
* fast/css-grid-layout/grid-content-alignment-overflow.html:
* fast/css-grid-layout/grid-content-alignment-stretch-only-valid-for-auto-sized-tracks.html:
* fast/css-grid-layout/grid-content-sized-columns-resolution.html:
* fast/css-grid-layout/grid-dynamic-updates-relayout.html:
* fast/css-grid-layout/grid-element-auto-repeat-get-set-expected.txt:
* fast/css-grid-layout/grid-element-auto-repeat-get-set.html:
* fast/css-grid-layout/grid-element-repeat-get-set.html:
* fast/css-grid-layout/grid-grow-tracks-to-their-max.html:
* fast/css-grid-layout/grid-gutters-and-flex-content.html:
* fast/css-grid-layout/grid-gutters-and-tracks.html:
* fast/css-grid-layout/grid-gutters-get-set.html:
* fast/css-grid-layout/grid-indefinite-calculated-height-crash-expected.txt:
* fast/css-grid-layout/grid-indefinite-calculated-height-crash.html:
* fast/css-grid-layout/grid-initialize-span-one-items.html:
* fast/css-grid-layout/grid-intrinsic-maximums.html:
* fast/css-grid-layout/grid-item-addition-track-breadth-update.html:
* fast/css-grid-layout/grid-item-auto-margins-must-respect-specified-margins.html:
* fast/css-grid-layout/grid-item-order-in-content-sized-columns-resolution.html:
* fast/css-grid-layout/grid-item-removal-track-breadth-update.html:
* fast/css-grid-layout/grid-item-sizing-with-orthogonal-flows.html:
* fast/css-grid-layout/grid-item-spanning-and-orthogonal-flows.html:
* fast/css-grid-layout/grid-item-with-border-in-intrinsic.html:
* fast/css-grid-layout/grid-item-with-percent-height-in-auto-height-grid-resolution.html:
* fast/css-grid-layout/grid-preferred-logical-widths.html:
* fast/css-grid-layout/grid-template-shorthand-get-set.html:
* fast/css-grid-layout/grid-update-sizes-after-distributing-all.html:
* fast/css-grid-layout/implicit-position-dynamic-change.html:
* fast/css-grid-layout/mark-as-infinitely-growable.html:
* fast/css-grid-layout/min-content-row-must-shrink-when-column-grows.html:
* fast/css-grid-layout/minmax-max-content-resolution-columns.html:
* fast/css-grid-layout/minmax-max-content-resolution-rows.html:
* fast/css-grid-layout/minmax-min-content-column-resolution-columns.html:
* fast/css-grid-layout/minmax-min-content-column-resolution-rows.html:
* fast/css-grid-layout/minmax-spanning-resolution-columns.html:
* fast/css-grid-layout/minmax-spanning-resolution-rows.html:
* fast/css-grid-layout/named-grid-line-get-set-expected.txt:
* fast/css-grid-layout/named-grid-line-get-set.html:
* fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt:
* fast/css-grid-layout/non-grid-columns-rows-get-set-multiple-expected.txt:
* fast/css-grid-layout/non-grid-columns-rows-get-set-multiple.html:
* fast/css-grid-layout/non-grid-columns-rows-get-set.html:
* fast/css-grid-layout/non-named-grid-line-get-set-expected.txt:
* fast/css-grid-layout/non-named-grid-line-get-set.html:
* fast/css-grid-layout/resources/grid-columns-rows-get-set-multiple.js:
* fast/css-grid-layout/resources/grid-columns-rows-get-set.js:
* fast/css-grid-layout/resources/non-grid-columns-rows-get-set-multiple.js:
* fast/css-grid-layout/resources/non-grid-columns-rows-get-set.js:
* fast/css-intrinsic-dimensions/css-tables.html:
* fast/css-intrinsic-dimensions/height-property-value-expected.txt:
* fast/css-intrinsic-dimensions/height-property-value.html:
* fast/css-intrinsic-dimensions/intrinsic-sized-absolutes.html:
* fast/css-intrinsic-dimensions/intrinsic-sized-blocks.html:
* fast/css-intrinsic-dimensions/intrinsic-sized-replaced-absolutes.html:
* fast/css-intrinsic-dimensions/tables.html:
* fast/css-intrinsic-dimensions/width-property-value-expected.txt:
* fast/css-intrinsic-dimensions/width-property-value.html:
* fast/events/key-events-in-editable-gridbox.html:
* fast/regions/intrinsic-sized-regions.html:
* fast/regions/overflow/overflow-scrollable-fit-complex-expected.html:
* fast/replaced/before-content-intrinsic-crash.html:
* fast/table/assert-on-min-max-content-values.html:
* imported/blink/svg/css/replaced-intrinsic-ratio-min-width-min-content.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@213831 268f45cc-cd09-0410-ab3c-d52691b4dbfc

100 files changed:
LayoutTests/ChangeLog
LayoutTests/TestExpectations
LayoutTests/css3/flexbox/flexitem.html
LayoutTests/css3/flexbox/orthogonal-writing-modes-and-intrinsic-sizing-expected.txt
LayoutTests/css3/flexbox/overflow-auto-resizes-correctly.html
LayoutTests/fast/css-grid-layout/fit-content-columns-expected.html
LayoutTests/fast/css-grid-layout/fit-content-columns.html
LayoutTests/fast/css-grid-layout/fit-content-rows-expected.html
LayoutTests/fast/css-grid-layout/fit-content-rows.html
LayoutTests/fast/css-grid-layout/flex-and-content-sized-resolution-columns.html
LayoutTests/fast/css-grid-layout/flex-and-minmax-content-resolution-columns.html
LayoutTests/fast/css-grid-layout/flex-and-minmax-content-resolution-rows.html
LayoutTests/fast/css-grid-layout/float-not-protruding-into-next-grid-item.html
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-auto-flow-resolution.html
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-get-set-expected.txt
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-get-set.html
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-resolution.html
LayoutTests/fast/css-grid-layout/grid-auto-columns-rows-update.html
LayoutTests/fast/css-grid-layout/grid-auto-fill-columns.html
LayoutTests/fast/css-grid-layout/grid-auto-fill-rows.html
LayoutTests/fast/css-grid-layout/grid-auto-fit-columns.html
LayoutTests/fast/css-grid-layout/grid-auto-fit-rows.html
LayoutTests/fast/css-grid-layout/grid-auto-repeat-intrinsic.html
LayoutTests/fast/css-grid-layout/grid-automatic-minimum-for-auto-columns.html
LayoutTests/fast/css-grid-layout/grid-automatic-minimum-for-auto-rows.html
LayoutTests/fast/css-grid-layout/grid-change-intrinsic-size-with-auto-repeat-tracks.html
LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt
LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt
LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html
LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html
LayoutTests/fast/css-grid-layout/grid-content-alignment-overflow.html
LayoutTests/fast/css-grid-layout/grid-content-alignment-stretch-only-valid-for-auto-sized-tracks.html
LayoutTests/fast/css-grid-layout/grid-content-sized-columns-resolution.html
LayoutTests/fast/css-grid-layout/grid-dynamic-updates-relayout.html
LayoutTests/fast/css-grid-layout/grid-element-auto-repeat-get-set-expected.txt
LayoutTests/fast/css-grid-layout/grid-element-auto-repeat-get-set.html
LayoutTests/fast/css-grid-layout/grid-element-repeat-get-set.html
LayoutTests/fast/css-grid-layout/grid-grow-tracks-to-their-max.html
LayoutTests/fast/css-grid-layout/grid-gutters-and-flex-content.html
LayoutTests/fast/css-grid-layout/grid-gutters-and-tracks.html
LayoutTests/fast/css-grid-layout/grid-gutters-get-set.html
LayoutTests/fast/css-grid-layout/grid-indefinite-calculated-height-crash-expected.txt
LayoutTests/fast/css-grid-layout/grid-indefinite-calculated-height-crash.html
LayoutTests/fast/css-grid-layout/grid-initialize-span-one-items.html
LayoutTests/fast/css-grid-layout/grid-intrinsic-maximums.html
LayoutTests/fast/css-grid-layout/grid-item-addition-track-breadth-update.html
LayoutTests/fast/css-grid-layout/grid-item-auto-margins-must-respect-specified-margins.html
LayoutTests/fast/css-grid-layout/grid-item-order-in-content-sized-columns-resolution.html
LayoutTests/fast/css-grid-layout/grid-item-removal-track-breadth-update.html
LayoutTests/fast/css-grid-layout/grid-item-sizing-with-orthogonal-flows.html
LayoutTests/fast/css-grid-layout/grid-item-spanning-and-orthogonal-flows.html
LayoutTests/fast/css-grid-layout/grid-item-with-border-in-intrinsic.html
LayoutTests/fast/css-grid-layout/grid-item-with-percent-height-in-auto-height-grid-resolution.html
LayoutTests/fast/css-grid-layout/grid-preferred-logical-widths.html
LayoutTests/fast/css-grid-layout/grid-template-shorthand-get-set.html
LayoutTests/fast/css-grid-layout/grid-update-sizes-after-distributing-all.html
LayoutTests/fast/css-grid-layout/implicit-position-dynamic-change.html
LayoutTests/fast/css-grid-layout/mark-as-infinitely-growable.html
LayoutTests/fast/css-grid-layout/min-content-row-must-shrink-when-column-grows.html
LayoutTests/fast/css-grid-layout/minmax-max-content-resolution-columns.html
LayoutTests/fast/css-grid-layout/minmax-max-content-resolution-rows.html
LayoutTests/fast/css-grid-layout/minmax-min-content-column-resolution-columns.html
LayoutTests/fast/css-grid-layout/minmax-min-content-column-resolution-rows.html
LayoutTests/fast/css-grid-layout/minmax-spanning-resolution-columns.html
LayoutTests/fast/css-grid-layout/minmax-spanning-resolution-rows.html
LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt
LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html
LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt
LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-multiple-expected.txt
LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-multiple.html
LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set.html
LayoutTests/fast/css-grid-layout/non-named-grid-line-get-set-expected.txt
LayoutTests/fast/css-grid-layout/non-named-grid-line-get-set.html
LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set-multiple.js
LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js
LayoutTests/fast/css-grid-layout/resources/non-grid-columns-rows-get-set-multiple.js
LayoutTests/fast/css-grid-layout/resources/non-grid-columns-rows-get-set.js
LayoutTests/fast/css-intrinsic-dimensions/css-tables.html
LayoutTests/fast/css-intrinsic-dimensions/height-property-value-expected.txt
LayoutTests/fast/css-intrinsic-dimensions/height-property-value.html
LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-absolutes.html
LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-blocks.html
LayoutTests/fast/css-intrinsic-dimensions/intrinsic-sized-replaced-absolutes.html
LayoutTests/fast/css-intrinsic-dimensions/tables.html
LayoutTests/fast/css-intrinsic-dimensions/width-property-value-expected.txt
LayoutTests/fast/css-intrinsic-dimensions/width-property-value.html
LayoutTests/fast/events/key-events-in-editable-gridbox.html
LayoutTests/fast/regions/intrinsic-sized-regions.html
LayoutTests/fast/regions/overflow/overflow-scrollable-fit-complex-expected.html
LayoutTests/fast/replaced/before-content-intrinsic-crash.html
LayoutTests/fast/table/assert-on-min-max-content-values.html
LayoutTests/imported/blink/svg/css/replaced-intrinsic-ratio-min-width-min-content.html
Source/WebCore/ChangeLog
Source/WebCore/css/CSSPrimitiveValue.cpp
Source/WebCore/css/CSSValueKeywords.in
Source/WebCore/css/StyleBuilderConverter.h
Source/WebCore/css/html.css
Source/WebCore/css/parser/CSSPropertyParser.cpp
Source/WebCore/html/track/TextTrackCueGeneric.cpp
Source/WebCore/html/track/VTTCue.cpp

index f7797bc..d21c153 100644 (file)
@@ -1,3 +1,113 @@
+2017-03-13  Manuel Rego Casasnovas  <rego@igalia.com>
+
+        Unprefix -webkit-min-content, -webkit-max-content and -webkit-fit-content
+        https://bugs.webkit.org/show_bug.cgi?id=169195
+
+        Reviewed by Sergio Villar Senin.
+
+        Based on Blink r200846 by <cbiesinger@chromium.org>.
+        https://src.chromium.org/viewvc/blink?revision=200846&view=revision
+
+        For most of the tests the only change is that we remove the prefix in these properties.
+        Additionally we're checking the behavior of both the prefixed and unprefixed versions in:
+        - fast/css-intrinsic-dimensions/height-property-value.html
+        - fast/css-intrinsic-dimensions/width-property-value.html
+
+        On top of that, a few tests from the CSS Grid Layout W3C test suite are now passing.
+
+        * TestExpectations:
+        * css3/flexbox/flexitem.html:
+        * css3/flexbox/orthogonal-writing-modes-and-intrinsic-sizing-expected.txt: Update results
+        as tests is now passing (it was using "min-content" already and thus failing on WebKit).
+        * css3/flexbox/overflow-auto-resizes-correctly.html:
+        * fast/css-grid-layout/fit-content-columns-expected.html:
+        * fast/css-grid-layout/fit-content-columns.html:
+        * fast/css-grid-layout/fit-content-rows-expected.html:
+        * fast/css-grid-layout/fit-content-rows.html:
+        * fast/css-grid-layout/flex-and-content-sized-resolution-columns.html:
+        * fast/css-grid-layout/flex-and-minmax-content-resolution-columns.html:
+        * fast/css-grid-layout/flex-and-minmax-content-resolution-rows.html:
+        * fast/css-grid-layout/float-not-protruding-into-next-grid-item.html:
+        * fast/css-grid-layout/grid-auto-columns-rows-auto-flow-resolution.html:
+        * fast/css-grid-layout/grid-auto-columns-rows-get-set-expected.txt:
+        * fast/css-grid-layout/grid-auto-columns-rows-get-set.html:
+        * fast/css-grid-layout/grid-auto-columns-rows-resolution.html:
+        * fast/css-grid-layout/grid-auto-columns-rows-update.html:
+        * fast/css-grid-layout/grid-auto-fill-columns.html:
+        * fast/css-grid-layout/grid-auto-fill-rows.html:
+        * fast/css-grid-layout/grid-auto-fit-columns.html:
+        * fast/css-grid-layout/grid-auto-fit-rows.html:
+        * fast/css-grid-layout/grid-auto-repeat-intrinsic.html:
+        * fast/css-grid-layout/grid-automatic-minimum-for-auto-columns.html:
+        * fast/css-grid-layout/grid-automatic-minimum-for-auto-rows.html:
+        * fast/css-grid-layout/grid-change-intrinsic-size-with-auto-repeat-tracks.html:
+        * fast/css-grid-layout/grid-columns-rows-get-set-expected.txt:
+        * fast/css-grid-layout/grid-columns-rows-get-set-multiple-expected.txt:
+        * fast/css-grid-layout/grid-columns-rows-get-set-multiple.html:
+        * fast/css-grid-layout/grid-columns-rows-get-set.html:
+        * fast/css-grid-layout/grid-content-alignment-overflow.html:
+        * fast/css-grid-layout/grid-content-alignment-stretch-only-valid-for-auto-sized-tracks.html:
+        * fast/css-grid-layout/grid-content-sized-columns-resolution.html:
+        * fast/css-grid-layout/grid-dynamic-updates-relayout.html:
+        * fast/css-grid-layout/grid-element-auto-repeat-get-set-expected.txt:
+        * fast/css-grid-layout/grid-element-auto-repeat-get-set.html:
+        * fast/css-grid-layout/grid-element-repeat-get-set.html:
+        * fast/css-grid-layout/grid-grow-tracks-to-their-max.html:
+        * fast/css-grid-layout/grid-gutters-and-flex-content.html:
+        * fast/css-grid-layout/grid-gutters-and-tracks.html:
+        * fast/css-grid-layout/grid-gutters-get-set.html:
+        * fast/css-grid-layout/grid-indefinite-calculated-height-crash-expected.txt:
+        * fast/css-grid-layout/grid-indefinite-calculated-height-crash.html:
+        * fast/css-grid-layout/grid-initialize-span-one-items.html:
+        * fast/css-grid-layout/grid-intrinsic-maximums.html:
+        * fast/css-grid-layout/grid-item-addition-track-breadth-update.html:
+        * fast/css-grid-layout/grid-item-auto-margins-must-respect-specified-margins.html:
+        * fast/css-grid-layout/grid-item-order-in-content-sized-columns-resolution.html:
+        * fast/css-grid-layout/grid-item-removal-track-breadth-update.html:
+        * fast/css-grid-layout/grid-item-sizing-with-orthogonal-flows.html:
+        * fast/css-grid-layout/grid-item-spanning-and-orthogonal-flows.html:
+        * fast/css-grid-layout/grid-item-with-border-in-intrinsic.html:
+        * fast/css-grid-layout/grid-item-with-percent-height-in-auto-height-grid-resolution.html:
+        * fast/css-grid-layout/grid-preferred-logical-widths.html:
+        * fast/css-grid-layout/grid-template-shorthand-get-set.html:
+        * fast/css-grid-layout/grid-update-sizes-after-distributing-all.html:
+        * fast/css-grid-layout/implicit-position-dynamic-change.html:
+        * fast/css-grid-layout/mark-as-infinitely-growable.html:
+        * fast/css-grid-layout/min-content-row-must-shrink-when-column-grows.html:
+        * fast/css-grid-layout/minmax-max-content-resolution-columns.html:
+        * fast/css-grid-layout/minmax-max-content-resolution-rows.html:
+        * fast/css-grid-layout/minmax-min-content-column-resolution-columns.html:
+        * fast/css-grid-layout/minmax-min-content-column-resolution-rows.html:
+        * fast/css-grid-layout/minmax-spanning-resolution-columns.html:
+        * fast/css-grid-layout/minmax-spanning-resolution-rows.html:
+        * fast/css-grid-layout/named-grid-line-get-set-expected.txt:
+        * fast/css-grid-layout/named-grid-line-get-set.html:
+        * fast/css-grid-layout/non-grid-columns-rows-get-set-expected.txt:
+        * fast/css-grid-layout/non-grid-columns-rows-get-set-multiple-expected.txt:
+        * fast/css-grid-layout/non-grid-columns-rows-get-set-multiple.html:
+        * fast/css-grid-layout/non-grid-columns-rows-get-set.html:
+        * fast/css-grid-layout/non-named-grid-line-get-set-expected.txt:
+        * fast/css-grid-layout/non-named-grid-line-get-set.html:
+        * fast/css-grid-layout/resources/grid-columns-rows-get-set-multiple.js:
+        * fast/css-grid-layout/resources/grid-columns-rows-get-set.js:
+        * fast/css-grid-layout/resources/non-grid-columns-rows-get-set-multiple.js:
+        * fast/css-grid-layout/resources/non-grid-columns-rows-get-set.js:
+        * fast/css-intrinsic-dimensions/css-tables.html:
+        * fast/css-intrinsic-dimensions/height-property-value-expected.txt:
+        * fast/css-intrinsic-dimensions/height-property-value.html:
+        * fast/css-intrinsic-dimensions/intrinsic-sized-absolutes.html:
+        * fast/css-intrinsic-dimensions/intrinsic-sized-blocks.html:
+        * fast/css-intrinsic-dimensions/intrinsic-sized-replaced-absolutes.html:
+        * fast/css-intrinsic-dimensions/tables.html:
+        * fast/css-intrinsic-dimensions/width-property-value-expected.txt:
+        * fast/css-intrinsic-dimensions/width-property-value.html:
+        * fast/events/key-events-in-editable-gridbox.html:
+        * fast/regions/intrinsic-sized-regions.html:
+        * fast/regions/overflow/overflow-scrollable-fit-complex-expected.html:
+        * fast/replaced/before-content-intrinsic-crash.html:
+        * fast/table/assert-on-min-max-content-values.html:
+        * imported/blink/svg/css/replaced-intrinsic-ratio-min-width-min-content.html:
+
 2017-03-12  Zalan Bujtas  <zalan@apple.com>
 
         Simple line layout: Paginated content is not painted properly when font overflows line height.
index ed1e5cc..b0781e6 100644 (file)
@@ -271,14 +271,6 @@ webkit.org/b/136754 css3/flexbox/csswg/ttwf-reftest-flex-wrap.html [ ImageOnlyFa
 webkit.org/b/165062 fast/css-grid-layout/grid-baseline.html [ ImageOnlyFailure ]
 webkit.org/b/165062 fast/css-grid-layout/grid-baseline-margins.html [ ImageOnlyFailure ]
 webkit.org/b/149891 imported/w3c/csswg-test/css-grid-1/grid-layout-properties.html [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-flexible-lengths-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-grid-template-columns-rows-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-named-grid-lines-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-inline-support-repeat-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-flexible-lengths-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-grid-template-columns-rows-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-named-grid-lines-001.xht [ Failure ]
-webkit.org/b/169195 imported/w3c/csswg-test/css-grid-1/grid-definition/grid-support-repeat-001.xht [ Failure ]
 webkit.org/b/169271 imported/w3c/csswg-test/css-grid-1/grid-items/grid-items-sizing-alignment-001.html [ ImageOnlyFailure ]
 
 # nth-child tests takes long time and Debug build sometimes timeouts because there are many test cases.
index 33b96ef..7c52f60 100644 (file)
     <img data-expected-height="60" style="min-height:60px" src="../images/resources/green-10.png">
     <img data-expected-height="75" style="min-height:150%" src="../images/resources/blue-100.png">
     <img data-expected-height="75" style="min-height:150%" src="../images/resources/green-10.png">
-    <img data-expected-height="10" style="min-height:-webkit-min-content;height:1px" src="../images/resources/blue-10.png">
-    <img data-expected-height="100" style="min-height:-webkit-max-content;height:1px" src="../images/resources/green-100.png">
+    <img data-expected-height="10" style="min-height:min-content;height:1px" src="../images/resources/blue-10.png">
+    <img data-expected-height="100" style="min-height:max-content;height:1px" src="../images/resources/green-100.png">
     <img data-expected-height="50" style="min-height:-webkit-fill-available" src="../images/resources/blue-10.png">
-    <img data-expected-height="10" style="min-height:-webkit-fit-content;height:1px" src="../images/resources/green-10.png">
+    <img data-expected-height="10" style="min-height:fit-content;height:1px" src="../images/resources/green-10.png">
 </div>
 
 <!-- tests that max-height shrinks the height of flex items less than the height of the flexbox -->
     <img data-expected-height="40" style="max-height:40px" src="../images/resources/green-10.png">
     <img data-expected-height="25" style="max-height:50%" src="../images/resources/blue-100.png">
     <img data-expected-height="25" style="max-height:50%" src="../images/resources/green-10.png">
-    <img data-expected-height="10" style="max-height:-webkit-min-content;height:1000px;" src="../images/resources/blue-10.png">
-    <img data-expected-height="100" style="max-height:-webkit-max-content;height:1000px;" src="../images/resources/green-100.png">
+    <img data-expected-height="10" style="max-height:min-content;height:1000px;" src="../images/resources/blue-10.png">
+    <img data-expected-height="100" style="max-height:max-content;height:1000px;" src="../images/resources/green-100.png">
     <img data-expected-height="50" style="max-height:-webkit-fill-available" src="../images/resources/blue-100.png">
-    <img data-expected-height="10" style="max-height:-webkit-fit-content;height:1000px" src="../images/resources/green-10.png">
+    <img data-expected-height="10" style="max-height:fit-content;height:1000px" src="../images/resources/green-10.png">
 </div>
 
 <!-- tests that images can shrink below their CSS height with min-height: min-content -->
 <div class="flexbox column" style="height:50px">
-    <img data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../images/resources/blue-10.png">
+    <img data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:min-content;" src="../images/resources/blue-10.png">
 </div>
 
 <!-- tests that text can shrink below its CSS height with min-height: min-content -->
 <div class="flexbox column" style="height:50px">
-    <div data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:-webkit-min-content;" src="../images/resources/blue-10.png">
+    <div data-expected-height="50" style="flex-shrink:1;height:1000px;min-height:min-content;" src="../images/resources/blue-10.png">
       Some text<br>
       Some more text
     </div>
 
 <!-- tests that images can shrink below their CSS width with min-width: min-content -->
 <div class="flexbox" style="width:50px">
-    <img data-expected-width="50" style="flex-shrink:1;width:1000px;min-width:-webkit-min-content;" src="../images/resources/blue-10.png">
+    <img data-expected-width="50" style="flex-shrink:1;width:1000px;min-width:min-content;" src="../images/resources/blue-10.png">
 </div>
 
 <!-- tests that min-width expands the width of flex items beyond the width of the flexbox -->
     <img data-expected-width="60" style="min-width:60px" src="../images/resources/green-10.png">
     <img data-expected-width="75" style="min-width:150%" src="../images/resources/blue-100.png">
     <img data-expected-width="75" style="min-width:150%" src="../images/resources/green-10.png">
-    <img data-expected-width="100" style="min-width:-webkit-min-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="50" style="min-width:-webkit-min-content" src="../images/resources/green-10.png">
-    <img data-expected-width="100" style="min-width:-webkit-max-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="50" style="min-width:-webkit-max-content" src="../images/resources/green-10.png">
+    <img data-expected-width="100" style="min-width:min-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="50" style="min-width:min-content" src="../images/resources/green-10.png">
+    <img data-expected-width="100" style="min-width:max-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="50" style="min-width:max-content" src="../images/resources/green-10.png">
     <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../images/resources/blue-100.png">
     <img data-expected-width="50" style="min-width:-webkit-fill-available" src="../images/resources/green-10.png">
-    <img data-expected-width="100" style="min-width:-webkit-fit-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="50" style="min-width:-webkit-fit-content" src="../images/resources/green-10.png">
+    <img data-expected-width="100" style="min-width:fit-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="50" style="min-width:fit-content" src="../images/resources/green-10.png">
 </div>
 
 <!-- tests that max-width shrinks the width of flex items less than the width of the flexbox -->
     <img data-expected-width="40" style="max-width:40px" src="../images/resources/green-10.png">
     <img data-expected-width="25" style="max-width:50%" src="../images/resources/blue-100.png">
     <img data-expected-width="25" style="max-width:50%" src="../images/resources/green-10.png">
-    <img data-expected-width="50" style="max-width:-webkit-min-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="10" style="max-width:-webkit-min-content" src="../images/resources/green-10.png">
-    <img data-expected-width="50" style="max-width:-webkit-max-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="10" style="max-width:-webkit-max-content" src="../images/resources/green-10.png">
+    <img data-expected-width="50" style="max-width:min-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="10" style="max-width:min-content" src="../images/resources/green-10.png">
+    <img data-expected-width="50" style="max-width:max-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="10" style="max-width:max-content" src="../images/resources/green-10.png">
     <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../images/resources/blue-100.png">
     <img data-expected-width="50" style="max-width:-webkit-fill-available" src="../images/resources/green-10.png">
-    <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../images/resources/blue-100.png">
-    <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../images/resources/green-10.png">
+    <img data-expected-width="50" style="max-width:fit-content" src="../images/resources/blue-100.png">
+    <img data-expected-width="10" style="max-width:fit-content" src="../images/resources/green-10.png">
 </div>
 
 </html>
index 3da37cd..393b82e 100644 (file)
@@ -1,10 +1,4 @@
 
-FAIL .flexbox 1 assert_equals: 
-<div class="flexbox column" data-expected-height="20">
-    <div class="vertical" data-expected-width="50" data-expected-height="20">
-        <div style="width: 50px; height: 20px; background-color: blue;" data-expected-width="50" data-expected-height="20"></div>
-    </div>
-</div>
-width expected 50 but got 784
+PASS .flexbox 1 
 PASS .flexbox 2 
 
index a836543..61d690b 100644 (file)
@@ -24,7 +24,7 @@
   max-height: 200px;
 }
 .intrinsic-height-box {
-  min-height: -webkit-min-content;
+  min-height: min-content;
   overflow: auto;
   flex-basis: 0;
 }
index 5d5f24a..e704c24 100644 (file)
@@ -58,7 +58,7 @@
 h3 { font-size: 1em; }
 </style>
 
-<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, -webkit-max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
+<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
 
 <div class="floatLeft">
     <h3>Only fit-content() and with fixed size tracks.</h3>
@@ -134,68 +134,68 @@ h3 { font-size: 1em; }
 
 <div class="floatLeft">
     <h3>fit-content() with other content-sized tracks.</h3>
-    <div class="grid" style="grid-template-columns: minmax(auto, 40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: minmax(auto, 40px) max-content;">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: minmax(auto, 40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: minmax(auto, 40px) max-content;">
         <div class="item">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: minmax(auto, 40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: minmax(auto, 40px) max-content;">
         <div class="item autoRowSecondColumn">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content minmax(auto, 40px);">
+    <div class="grid" style="grid-template-columns: min-content minmax(auto, 40px);">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content minmax(auto, 40px);">
+    <div class="grid" style="grid-template-columns: min-content minmax(auto, 40px);">
         <div class="item">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content minmax(auto, 40px);">
+    <div class="grid" style="grid-template-columns: min-content minmax(auto, 40px);">
         <div class="item autoRowSecondColumn">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: minmax(auto, 30px) -webkit-min-content -webkit-max-content">
+    <div class="grid" style="grid-template-columns: minmax(auto, 30px) min-content max-content">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content minmax(auto, 30px) -webkit-max-content">
+    <div class="grid" style="grid-template-columns: min-content minmax(auto, 30px) max-content">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content -webkit-max-content minmax(auto, 30px)">
+    <div class="grid" style="grid-template-columns: min-content max-content minmax(auto, 30px)">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: minmax(auto, 30px) -webkit-min-content -webkit-max-content">
+    <div class="grid" style="grid-template-columns: minmax(auto, 30px) min-content max-content">
         <div class="item" style="grid-column: 1">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -203,7 +203,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content minmax(auto, 30px) -webkit-max-content">
+    <div class="grid" style="grid-template-columns: min-content minmax(auto, 30px) max-content">
         <div class="item" style="grid-column: 1">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -211,7 +211,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content -webkit-max-content minmax(auto, 30px)">
+    <div class="grid" style="grid-template-columns: min-content max-content minmax(auto, 30px)">
         <div class="item" style="grid-column: 2">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -272,7 +272,7 @@ h3 { font-size: 1em; }
 </div>
 
 <div class="floatLeft">
-    <h3>-webkit-max-content < fit-content() argument.</h3>
+    <h3>max-content < fit-content() argument.</h3>
 
     <div class="grid fc110">
         <div class="item">XXX XXX</div>
@@ -305,21 +305,21 @@ h3 { font-size: 1em; }
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-max-content auto;">
+    <div class="grid" style="grid-template-columns: max-content auto;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: auto -webkit-min-content;">
+    <div class="grid" style="grid-template-columns: auto min-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-max-content auto -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: max-content auto max-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -327,7 +327,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content auto -webkit-min-content;">
+    <div class="grid" style="grid-template-columns: min-content auto min-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
index 770dc2f..3467a5f 100644 (file)
@@ -59,7 +59,7 @@ h3 { font-size: 1em; }
 
 </style>
 
-<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, -webkit-max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
+<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
 
 <div class="floatLeft">
     <h3>Only fit-content() and with fixed size tracks.</h3>
@@ -135,68 +135,68 @@ h3 { font-size: 1em; }
 
 <div class="floatLeft">
     <h3>fit-content() with other content-sized tracks.</h3>
-    <div class="grid" style="grid-template-columns: fit-content(40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: fit-content(40px) max-content;">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: fit-content(40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: fit-content(40px) max-content;">
         <div class="item">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: fit-content(40px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: fit-content(40px) max-content;">
         <div class="item autoRowSecondColumn">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(40px);">
+    <div class="grid" style="grid-template-columns: min-content fit-content(40px);">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(40px);">
+    <div class="grid" style="grid-template-columns: min-content fit-content(40px);">
         <div class="item">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(40px);">
+    <div class="grid" style="grid-template-columns: min-content fit-content(40px);">
         <div class="item autoRowSecondColumn">XXXXX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: fit-content(30px) -webkit-min-content -webkit-max-content">
+    <div class="grid" style="grid-template-columns: fit-content(30px) min-content max-content">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(30px) -webkit-max-content">
+    <div class="grid" style="grid-template-columns: min-content fit-content(30px) max-content">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content -webkit-max-content fit-content(30px)">
+    <div class="grid" style="grid-template-columns: min-content max-content fit-content(30px)">
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: fit-content(30px) -webkit-min-content -webkit-max-content">
+    <div class="grid" style="grid-template-columns: fit-content(30px) min-content max-content">
         <div class="item" style="grid-column: 1">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -204,7 +204,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(30px) -webkit-max-content">
+    <div class="grid" style="grid-template-columns: min-content fit-content(30px) max-content">
         <div class="item" style="grid-column: 1">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -212,7 +212,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content -webkit-max-content fit-content(30px)">
+    <div class="grid" style="grid-template-columns: min-content max-content fit-content(30px)">
         <div class="item" style="grid-column: 2">XXX XX</div>
         <div class="spanningItem">XXX XX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -273,7 +273,7 @@ h3 { font-size: 1em; }
 </div>
 
 <div class="floatLeft">
-    <h3>-webkit-max-content < fit-content() argument.</h3>
+    <h3>max-content < fit-content() argument.</h3>
 
     <div class="grid fc110">
         <div class="item">XXX XXX</div>
@@ -306,21 +306,21 @@ h3 { font-size: 1em; }
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-max-content fit-content(110px);">
+    <div class="grid" style="grid-template-columns: max-content fit-content(110px);">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: fit-content(110px) -webkit-min-content;">
+    <div class="grid" style="grid-template-columns: fit-content(110px) min-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
         <div class="test autoRowSecondColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-max-content fit-content(110px) -webkit-max-content;">
+    <div class="grid" style="grid-template-columns: max-content fit-content(110px) max-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
@@ -328,7 +328,7 @@ h3 { font-size: 1em; }
         <div class="test autoRowThirdColumn"></div>
     </div>
 
-    <div class="grid" style="grid-template-columns: -webkit-min-content fit-content(110px) -webkit-min-content;">
+    <div class="grid" style="grid-template-columns: min-content fit-content(110px) min-content;">
         <div class="spanningItem" style="grid-row: 1;">XX XX XX XX</div>
         <div class="spanningItem">XXX XXX</div>
         <div class="test autoRowFirstColumn"></div>
index 60b6640..d0e42d1 100644 (file)
@@ -61,7 +61,7 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
 
 </style>
 
-<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, -webkit-max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
+<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
 
 <div class="grid fc0">
     <div class="item">XXX</div>
@@ -134,68 +134,68 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
 <br clear="all">
 <br clear="all">
 
-<div class="grid" style="grid-template-rows: minmax(auto, 40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: minmax(auto, 40px) max-content;">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: minmax(auto, 40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: minmax(auto, 40px) max-content;">
     <div class="item">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: minmax(auto, 40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: minmax(auto, 40px) max-content;">
     <div class="item secondRow">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content minmax(auto, 40px);">
+<div class="grid" style="grid-template-rows: min-content minmax(auto, 40px);">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content minmax(auto, 40px);">
+<div class="grid" style="grid-template-rows: min-content minmax(auto, 40px);">
     <div class="item">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content minmax(auto, 40px);">
+<div class="grid" style="grid-template-rows: min-content minmax(auto, 40px);">
     <div class="item secondRow">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: minmax(auto, 30px) -webkit-min-content -webkit-max-content">
+<div class="grid" style="grid-template-rows: minmax(auto, 30px) min-content max-content">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content minmax(auto, 30px) -webkit-max-content">
+<div class="grid" style="grid-template-rows: min-content minmax(auto, 30px) max-content">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content -webkit-max-content minmax(auto, 30px)">
+<div class="grid" style="grid-template-rows: min-content max-content minmax(auto, 30px)">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: minmax(auto, 30px) -webkit-min-content -webkit-max-content">
+<div class="grid" style="grid-template-rows: minmax(auto, 30px) min-content max-content">
     <div class="item" style="grid-row: 1">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -203,7 +203,7 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content minmax(auto, 30px) -webkit-max-content">
+<div class="grid" style="grid-template-rows: min-content minmax(auto, 30px) max-content">
     <div class="item" style="grid-row: 1">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -211,7 +211,7 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content -webkit-max-content minmax(auto, 30px)">
+<div class="grid" style="grid-template-rows: min-content max-content minmax(auto, 30px)">
     <div class="item" style="grid-row: 2">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -304,21 +304,21 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-max-content auto;">
+<div class="grid" style="grid-template-rows: max-content auto;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: auto -webkit-min-content;">
+<div class="grid" style="grid-template-rows: auto min-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-max-content auto -webkit-max-content;">
+<div class="grid" style="grid-template-rows: max-content auto max-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
@@ -326,7 +326,7 @@ div.grid > div { -webkit-writing-mode: vertical-lr; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content auto -webkit-min-content;">
+<div class="grid" style="grid-template-rows: min-content auto min-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
index 327e4be..3ceb2c1 100644 (file)
@@ -64,7 +64,7 @@ h3 { font-size: 1em; }
 
 </style>
 
-<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, -webkit-max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
+<p>This test checks that 'fit-content()' works as expected, i.e., it's similar to 'auto' ('minmax(auto, max-content)') except that the growth limit is clamped at the argument of 'fit-content' (if greater that the 'auto' minimum).</p>
 
 <div class="grid fc0">
     <div class="item">XXX</div>
@@ -138,68 +138,68 @@ h3 { font-size: 1em; }
 <br clear ="all">
 <br clear ="all">
 
-<div class="grid" style="grid-template-rows: fit-content(40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: fit-content(40px) max-content;">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: fit-content(40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: fit-content(40px) max-content;">
     <div class="item">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: fit-content(40px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: fit-content(40px) max-content;">
     <div class="item secondRow">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(40px);">
+<div class="grid" style="grid-template-rows: min-content fit-content(40px);">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(40px);">
+<div class="grid" style="grid-template-rows: min-content fit-content(40px);">
     <div class="item">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(40px);">
+<div class="grid" style="grid-template-rows: min-content fit-content(40px);">
     <div class="item secondRow">XXXXX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: fit-content(30px) -webkit-min-content -webkit-max-content">
+<div class="grid" style="grid-template-rows: fit-content(30px) min-content max-content">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(30px) -webkit-max-content">
+<div class="grid" style="grid-template-rows: min-content fit-content(30px) max-content">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content -webkit-max-content fit-content(30px)">
+<div class="grid" style="grid-template-rows: min-content max-content fit-content(30px)">
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: fit-content(30px) -webkit-min-content -webkit-max-content">
+<div class="grid" style="grid-template-rows: fit-content(30px) min-content max-content">
     <div class="item" style="grid-row: 1">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -207,7 +207,7 @@ h3 { font-size: 1em; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(30px) -webkit-max-content">
+<div class="grid" style="grid-template-rows: min-content fit-content(30px) max-content">
     <div class="item" style="grid-row: 1">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -215,7 +215,7 @@ h3 { font-size: 1em; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content -webkit-max-content fit-content(30px)">
+<div class="grid" style="grid-template-rows: min-content max-content fit-content(30px)">
     <div class="item" style="grid-row: 2">XXX XX</div>
     <div class="spanningItem">XXX XX XXX</div>
     <div class="test firstRow"></div>
@@ -308,21 +308,21 @@ h3 { font-size: 1em; }
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-max-content fit-content(110px);">
+<div class="grid" style="grid-template-rows: max-content fit-content(110px);">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: fit-content(110px) -webkit-min-content;">
+<div class="grid" style="grid-template-rows: fit-content(110px) min-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
     <div class="test secondRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-max-content fit-content(110px) -webkit-max-content;">
+<div class="grid" style="grid-template-rows: max-content fit-content(110px) max-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
@@ -330,7 +330,7 @@ h3 { font-size: 1em; }
     <div class="test thirdRow"></div>
 </div>
 
-<div class="grid" style="grid-template-rows: -webkit-min-content fit-content(110px) -webkit-min-content;">
+<div class="grid" style="grid-template-rows: min-content fit-content(110px) min-content;">
     <div class="spanningItem" style="grid-column: 1;">XX XX XX XX</div>
     <div class="spanningItem">XXX XXX</div>
     <div class="test firstRow"></div>
index 90ddbb9..113a142 100644 (file)
@@ -8,23 +8,23 @@
 }
 
 .gridFixedAndMinContentAndFlex {
-     grid-template-columns: 20px -webkit-min-content 1fr;
+     grid-template-columns: 20px min-content 1fr;
 }
 
 .gridMinMaxFixedFlexAndMaxContentAndAuto {
-     grid-template-columns: minmax(20px, 1fr) -webkit-max-content auto;
+     grid-template-columns: minmax(20px, 1fr) max-content auto;
 }
 
 .gridMinMaxAutoFixedAndMinContentAndFixed {
-     grid-template-columns: minmax(auto, 35px) -webkit-min-content 25px;
+     grid-template-columns: minmax(auto, 35px) min-content 25px;
 }
 
 .gridMinContentAndMinMaxFixedMinContentAndFlex {
-     grid-template-columns: -webkit-min-content minmax(20px, -webkit-min-content) 2fr;
+     grid-template-columns: min-content minmax(20px, min-content) 2fr;
 }
 
 .gridMaxContentAndMinMaxFixedMaxContentAndFlex {
-     grid-template-columns: -webkit-max-content minmax(20px, -webkit-max-content) 1fr;
+     grid-template-columns: max-content minmax(20px, max-content) 1fr;
 }
 
 </style>
index a6d455a..aeeb62a 100644 (file)
@@ -3,17 +3,17 @@
 <link href="resources/grid.css" rel="stylesheet">
 <style>
 .gridMaxMaxContent {
-    grid-template-columns: minmax(10px, -webkit-max-content) minmax(10px, 1fr);
+    grid-template-columns: minmax(10px, max-content) minmax(10px, 1fr);
     grid-template-rows: 50px;
 }
 
 .gridMinMinContent {
-    grid-template-columns: minmax(10px, 1fr) minmax(-webkit-min-content, 50px);
+    grid-template-columns: minmax(10px, 1fr) minmax(min-content, 50px);
     grid-template-rows: 50px;
 }
 
 .gridWithIntrinsicSizeBiggerThanFlex {
-    grid-template-columns: minmax(-webkit-min-content, 0.5fr) minmax(18px, 2fr);
+    grid-template-columns: minmax(min-content, 0.5fr) minmax(18px, 2fr);
     grid-template-rows: 50px;
 }
 
@@ -23,7 +23,7 @@
 }
 
 .gridWithNonFlexingItems {
-    grid-template-columns: 40px minmax(-webkit-min-content, 1fr) auto minmax(20px, 2fr);
+    grid-template-columns: 40px minmax(min-content, 1fr) auto minmax(20px, 2fr);
     grid-template-rows: 50px;
 }
 
index 37ea06a..5db396e 100644 (file)
@@ -4,17 +4,17 @@
 <style>
 .gridMaxMaxContent {
     grid-template-columns: 50px;
-    grid-template-rows: minmax(10px, -webkit-max-content) minmax(10px, 1fr);
+    grid-template-rows: minmax(10px, max-content) minmax(10px, 1fr);
 }
 
 .gridMinMinContent {
     grid-template-columns: 50px;
-    grid-template-rows: minmax(10px, 1fr) minmax(-webkit-min-content, 50px);
+    grid-template-rows: minmax(10px, 1fr) minmax(min-content, 50px);
 }
 
 .gridWithIntrinsicSizeBiggerThanFlex {
     grid-template-columns: 50px;
-    grid-template-rows: minmax(-webkit-min-content, 0.5fr) minmax(18px, 2fr);
+    grid-template-rows: minmax(min-content, 0.5fr) minmax(18px, 2fr);
 }
 
 .gridShrinkBelowItemsIntrinsicSize {
@@ -24,7 +24,7 @@
 
 .gridWithNonFlexingItems {
     grid-template-columns: 50px;
-    grid-template-rows: 40px minmax(-webkit-min-content, 1fr) auto minmax(20px, 2fr);
+    grid-template-rows: 40px minmax(min-content, 1fr) auto minmax(20px, 2fr);
 }
 
 .thirdRowFirstColumn {
index 82cb209..387b3d3 100644 (file)
@@ -5,8 +5,8 @@
 <style>
 .grid {
     grid-auto-columns: 50px;
-    grid-auto-rows: minmax(50px, -webkit-max-content);
-    width: -webkit-fit-content;
+    grid-auto-rows: minmax(50px, max-content);
+    width: fit-content;
 }
 
 .cell {
index 0f40975..1b7b4c6 100644 (file)
@@ -21,8 +21,8 @@
 }
 
 .gridAutoMinMaxContent {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-columns: -webkit-max-content;
+    grid-auto-rows: min-content;
+    grid-auto-columns: max-content;
 }
 </style>
 </head>
index 51104e5..9b2e500 100644 (file)
@@ -8,8 +8,8 @@ PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto
 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-columns') is "50px"
 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(10%, 15px)"
 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(30%, 100px)"
-PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-rows') is "-webkit-min-content"
-PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-columns') is "-webkit-max-content"
+PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-rows') is "min-content"
+PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-columns') is "max-content"
 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(auto, 48px)"
 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(80px, auto)"
 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto-rows') is "fit-content(50%)"
@@ -44,11 +44,11 @@ PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
 Test getting and setting grid-auto-columns and grid-auto-rows through JS
 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180px"
 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px"
-PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, 48px)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(80px, -webkit-min-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, -webkit-max-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(-webkit-max-content, -webkit-min-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, 10px) 48px 5%"
+PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(min-content, 48px)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(80px, min-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(min-content, max-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(max-content, min-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(min-content, 10px) 48px 5%"
 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 30px minmax(10%, 60%)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "fit-content(10px) fit-content(30%)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-content(5%) fit-content(40px)"
index 5e26b7e..4af375f 100644 (file)
@@ -14,8 +14,8 @@
 }
 
 .gridAutoMinMaxContent {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-columns: -webkit-max-content;
+    grid-auto-rows: min-content;
+    grid-auto-columns: max-content;
 }
 
 
@@ -80,7 +80,7 @@ description('Test that setting and getting grid-auto-columns and grid-auto-rows
 debug("Test getting grid-auto-columns and grid-auto-rows set through CSS");
 testGridAutoDefinitionsValues(document.getElementById("gridAutoFixedFixed"), "30px", "50px");
 testGridAutoDefinitionsValues(document.getElementById("gridAutoMinMax"), "minmax(10%, 15px)", "minmax(30%, 100px)");
-testGridAutoDefinitionsValues(document.getElementById("gridAutoMinMaxContent"), "-webkit-min-content", "-webkit-max-content");
+testGridAutoDefinitionsValues(document.getElementById("gridAutoMinMaxContent"), "min-content", "max-content");
 testGridAutoDefinitionsValues(document.getElementById("gridAutoAutoInMinMax"), "minmax(auto, 48px)", "minmax(80px, auto)");
 testGridAutoDefinitionsValues(document.getElementById("gridAutoFitContent"), "fit-content(50%)", "fit-content(30px)");
 
@@ -119,9 +119,9 @@ function testAutoValues(autoCols, autoRows, computedAutoCols, computedAutoRows)
 debug("");
 debug("Test getting and setting grid-auto-columns and grid-auto-rows through JS");
 testAutoValues("18em", "66em", "180px", "660px");
-testAutoValues("minmax(-webkit-min-content, 8vh)", "minmax(10vw, -webkit-min-content)", "minmax(-webkit-min-content, 48px)", "minmax(80px, -webkit-min-content)");
-testAutoValues("minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content)");
-testAutoValues("minmax(-webkit-min-content, 10px) 48px 5%", "auto 30px minmax(10%, 60%)");
+testAutoValues("minmax(min-content, 8vh)", "minmax(10vw, min-content)", "minmax(min-content, 48px)", "minmax(80px, min-content)");
+testAutoValues("minmax(min-content, max-content)", "minmax(max-content, min-content)");
+testAutoValues("minmax(min-content, 10px) 48px 5%", "auto 30px minmax(10%, 60%)");
 testAutoValues("fit-content(10px) fit-content(30%)", "fit-content(5%) fit-content(calc(20px + 2em))", "fit-content(10px) fit-content(30%)", "fit-content(5%) fit-content(40px)");
 testAutoValues("minmax(auto, 2fr)", "minmax(auto, 1fr)", "2fr", "1fr");
 
@@ -131,7 +131,7 @@ testAutoValues("minmax(10px 20px)", "minmax(10px)", "auto", "auto");
 testAutoValues("minmax(minmax(10px, 20px), 20px)", "minmax(10px, 20px, 30px)", "auto", "auto");
 testAutoValues("minmax()", "minmax(30px 30% 30em)", "auto", "auto");
 testAutoValues("none", "none", "auto", "auto");
-testAutoValues("10px [a] 20px", "[z] auto [y] -webkit-min-content", "auto", "auto");
+testAutoValues("10px [a] 20px", "[z] auto [y] min-content", "auto", "auto");
 testAutoValues("repeat(2, 10px [a] 20px)", "[z] repeat(auto-fit, 100px)", "auto", "auto");
 testAutoValues("fit-content(min-content) fit-content(auto)", "fit-content(fit-content(3%)) fit-content(minmax(2px, 30px))", "auto", "auto");
 
index 1167940..dc3e76e 100644 (file)
@@ -21,8 +21,8 @@
 }
 
 .gridAutoMinMaxContent {
-    grid-auto-rows: -webkit-min-content;
-    grid-auto-columns: -webkit-max-content;
+    grid-auto-rows: min-content;
+    grid-auto-columns: max-content;
 }
 </style>
 </head>
index 5d84f87..f8a552e 100644 (file)
@@ -35,27 +35,27 @@ function updateGridAutoRowsColumns()
     // The constrained example is always sized to the min width so we don't test max width.
     updateAndCheck("constrainedGrid", { 'rows': 'minmax(20em, 15px)', 'columns': '50px' }, { 'width': '50px', 'height': '200px' });
     updateAndCheck("constrainedGrid", { 'rows': 'minmax(20em, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '200px' });
-    updateAndCheck("constrainedGrid", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '20px' });
-    updateAndCheck("constrainedGrid", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(-webkit-max-content, 100px)' }, { 'width': '120px', 'height': '10px' });
-    updateAndCheck("constrainedGrid", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(-webkit-max-content, 100px)' }, { 'width': '120px', 'height': '400px' });
+    updateAndCheck("constrainedGrid", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '20px' });
+    updateAndCheck("constrainedGrid", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(max-content, 100px)' }, { 'width': '120px', 'height': '10px' });
+    updateAndCheck("constrainedGrid", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(max-content, 100px)' }, { 'width': '120px', 'height': '400px' });
     updateAndCheck("constrainedGrid", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '400px' });
     updateAndCheck("constrainedGrid", { 'rows': 'minmax(40em, 15px)', 'columns': 'auto' }, { 'width': '60px', 'height': '400px' });
     updateAndCheck("constrainedGrid", { 'rows': 'auto', 'columns': 'auto' }, { 'width': '60px', 'height': '20px' });
 
     updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(20em, 15px)', 'columns': '50px' }, { 'width': '50px', 'height': '200px' });
     updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(20em, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '100px', 'height': '200px' });
-    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '100px', 'height': '20px' });
-    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(10%, -webkit-max-content)' }, { 'width': '120px', 'height': '15px' });
-    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(10%, -webkit-max-content)' }, { 'width': '120px', 'height': '15px' });
-    updateAndCheck("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(10em, -webkit-max-content)' }, { 'width': '120px', 'height': '10px' });
-    updateAndCheck("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(20em, -webkit-max-content)' }, { 'width': '200px', 'height': '10px' });
+    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '100px', 'height': '20px' });
+    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(10%, max-content)' }, { 'width': '120px', 'height': '15px' });
+    updateAndCheck("unconstrainedGrid", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(10%, max-content)' }, { 'width': '120px', 'height': '15px' });
+    updateAndCheck("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(10em, max-content)' }, { 'width': '120px', 'height': '10px' });
+    updateAndCheck("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(20em, max-content)' }, { 'width': '200px', 'height': '10px' });
     updateAndCheck("unconstrainedGrid", { 'rows': 'auto', 'columns': 'auto' }, { 'width': '120px', 'height': '10px' });
 
     updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(20em, 15px)', 'columns': '50px' }, { 'width': '50px', 'height': '200px' });
     updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(20em, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '200px' });
-    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '20px' });
-    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(-webkit-min-content, 15px)', 'columns': 'minmax(-webkit-max-content, 100px)' }, { 'width': '120px', 'height': '15px' });
-    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(-webkit-max-content, 100px)' }, { 'width': '120px', 'height': '400px' });
+    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '20px' });
+    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(min-content, 15px)', 'columns': 'minmax(max-content, 100px)' }, { 'width': '120px', 'height': '15px' });
+    updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(max-content, 100px)' }, { 'width': '120px', 'height': '400px' });
     updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(40em, 15px)', 'columns': 'minmax(10%, 100px)' }, { 'width': '1px', 'height': '400px' });
     updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'minmax(40em, 15px)', 'columns': 'auto' }, { 'width': '60px', 'height': '400px' });
     updateAndCheck("constrainedGridUndefinedHeight", { 'rows': 'auto', 'columns': 'auto' }, { 'width': '60px', 'height': '20px' });
index 4cd138b..32263c0 100644 (file)
@@ -14,7 +14,7 @@
 
 .gridOnlyAutoRepeat { grid-template-columns: repeat(auto-fill, 30px [autobar]); }
 .gridAutoRepeatAndFixedBefore { grid-template-columns: 10px [foo] 20% [bar] repeat(auto-fill, [autofoo] 35px); }
-.gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, -webkit-max-content); }
+.gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); }
 .gridAutoRepeatAndFixed { grid-template-columns: [start] repeat(2, 50px [a]) [middle] repeat(auto-fill, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; }
 .gridMultipleNames { grid-template-columns: [start] 20px [foo] 50% repeat(auto-fill, [bar] 20px [start foo]) [foo] 10% [end bar]; }
 .gridMultipleTracks { grid-template-columns: [start] 20px repeat(auto-fill, [a] 2em [b c] 10% [d]) [e] minmax(75px, 1fr) [last]; }
index 6cc42c2..9af51a4 100644 (file)
@@ -18,7 +18,7 @@
 
 .gridOnlyAutoRepeat { grid-template-rows: repeat(auto-fill, 30px [autobar]); }
 .gridAutoRepeatAndFixedBefore { grid-template-rows: 10px [foo] 20% [bar] repeat(auto-fill, [autofoo] 35px); }
-.gridAutoRepeatAndFixedAfter { grid-template-rows: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, -webkit-max-content); }
+.gridAutoRepeatAndFixedAfter { grid-template-rows: repeat(auto-fill, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); }
 .gridAutoRepeatAndFixed { grid-template-rows: [start] repeat(2, 50px [a]) [middle] repeat(auto-fill, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; }
 .gridMultipleNames { grid-template-rows: [start] 20px [foo] 50% repeat(auto-fill, [bar] 20px [start foo]) [foo] 10% [end bar]; }
 .gridMultipleTracks { grid-template-rows: [start] 20px repeat(auto-fill, [a] 2em [b c] 10% [d]) [e] minmax(75px, 1fr) [last]; }
index 1a036b9..896f429 100644 (file)
@@ -14,7 +14,7 @@
 
 .gridOnlyAutoRepeat { grid-template-columns: repeat(auto-fit, 30px [autobar]); }
 .gridAutoRepeatAndFixedBefore { grid-template-columns: 10px [foo] 20% [bar] repeat(auto-fit, [autofoo] 35px); }
-.gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fit, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, -webkit-max-content); }
+.gridAutoRepeatAndFixedAfter { grid-template-columns: repeat(auto-fit, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); }
 .gridAutoRepeatAndFixed { grid-template-columns: [start] repeat(2, 50px [a]) [middle] repeat(auto-fit, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; }
 .gridMultipleNames { grid-template-columns: [start] 20px [foo] 50% repeat(auto-fit, [bar] 20px [start foo]) [foo] 10% [end bar]; }
 .gridMultipleTracks { grid-template-columns: [start] 20px repeat(auto-fit, [a] 2em [b c] 10% [d]) [e] minmax(75px, 1fr) [last]; }
index 5847a6f..a4d2712 100644 (file)
@@ -18,7 +18,7 @@
 
 .gridOnlyAutoRepeat { grid-template-rows: repeat(auto-fit, 30px [autobar]); }
 .gridAutoRepeatAndFixedBefore { grid-template-rows: 10px [foo] 20% [bar] repeat(auto-fit, [autofoo] 35px); }
-.gridAutoRepeatAndFixedAfter { grid-template-rows: repeat(auto-fit, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, -webkit-max-content); }
+.gridAutoRepeatAndFixedAfter { grid-template-rows: repeat(auto-fit, [first] 30px [last]) [foo] minmax(60px, 80px) [bar] minmax(45px, max-content); }
 .gridAutoRepeatAndFixed { grid-template-rows: [start] repeat(2, 50px [a]) [middle] repeat(auto-fit, [autofoo] 15px [autobar]) minmax(5%, 10%) [end]; }
 .gridMultipleNames { grid-template-rows: [start] 20px [foo] 50% repeat(auto-fit, [bar] 20px [start foo]) [foo] 10% [end bar]; }
 .gridMultipleTracks { grid-template-rows: [start] 20px repeat(auto-fit, [a] 2em [b c] 10% [d]) [e] minmax(75px, 1fr) [last]; }
index d46a53c..b90f6d7 100644 (file)
@@ -16,9 +16,9 @@
     height: 20px;
 }
 
-.gridAutoFillFixed { grid-template-columns: repeat(auto-fill, 20px) minmax(-webkit-min-content, 40px); }
+.gridAutoFillFixed { grid-template-columns: repeat(auto-fill, 20px) minmax(min-content, 40px); }
 .gridAutoFillAuto { grid-template-columns: repeat(auto-fill, 10px) minmax(60px, auto); }
-.gridAutoFitFixed { grid-template-columns: repeat(auto-fit, 20px) minmax(-webkit-min-content, 40px); }
+.gridAutoFitFixed { grid-template-columns: repeat(auto-fit, 20px) minmax(min-content, 40px); }
 .gridAutoFitAuto { grid-template-columns: repeat(auto-fit, 10px) minmax(60px, auto); }
 
 .paddingTop { padding-top: 10px; }
index e4f2daa..fc84c77 100644 (file)
@@ -11,7 +11,7 @@
 .minWidth60 { min-width: 60px; }
 .minWidth70 { min-width: 70px; }
 .minWidth90 { min-width: 90px; }
-.minWidthMaxContent { min-width: -webkit-max-content; }
+.minWidthMaxContent { min-width: max-content; }
 
 .width50 { width: 50px; }
 .width60 { width: 60px; }
 /* All these 4 cases are equivalent. We use them interchangeably. */
 .gridAuto { grid-template-columns: auto; }
 .gridMinMaxAutoAuto { grid-template-columns: minmax(auto, auto); }
-.gridMinMaxAutoMaxContent { grid-template-columns: minmax(auto, -webkit-max-content); }
-.gridMinMaxMinContentAuto { grid-template-columns: minmax(-webkit-min-content, auto); }
+.gridMinMaxAutoMaxContent { grid-template-columns: minmax(auto, max-content); }
+.gridMinMaxMinContentAuto { grid-template-columns: minmax(min-content, auto); }
 
 /* All these 3 cases are equivalent. We use them interchangeably. */
 .gridAutoAndAuto { grid-template-columns: auto auto; }
 .gridAutoAndMinMaxAutoAuto { grid-template-columns: auto minmax(auto, auto); }
-.gridMinMaxAutoMaxContentAndAuto { grid-template-columns: minmax(auto, -webkit-max-content) auto; }
+.gridMinMaxAutoMaxContentAndAuto { grid-template-columns: minmax(auto, max-content) auto; }
 
 </style>
 <script src="../../resources/js-test.js"></script>
index 6f8d94b..25ef937 100644 (file)
@@ -11,7 +11,7 @@
 .minHeight60 { min-height: 60px; }
 .minHeight70 { min-height: 70px; }
 .minHeight90 { min-height: 90px; }
-.minHeightMaxContent { min-height: -webkit-max-content; }
+.minHeightMaxContent { min-height: max-content; }
 
 .height30 { height: 30px; }
 .height50 { height: 50px; }
 /* All these 4 cases are equivalent. We use them interchangeably. */
 .gridAuto { grid-template-rows: auto; }
 .gridMinMaxAutoAuto { grid-template-rows: minmax(auto, auto); }
-.gridMinMaxAutoMaxContent { grid-template-rows: minmax(auto, -webkit-max-content); }
-.gridMinMaxMinContentAuto { grid-template-rows: minmax(-webkit-min-content, auto); }
+.gridMinMaxAutoMaxContent { grid-template-rows: minmax(auto, max-content); }
+.gridMinMaxMinContentAuto { grid-template-rows: minmax(min-content, auto); }
 
 /* All these 3 cases are equivalent. We use them interchangeably. */
 .gridAutoAndAuto { grid-template-rows: auto auto; }
 .gridAutoAndMinMaxAutoAuto { grid-template-rows: auto minmax(auto, auto); }
-.gridMinMaxAutoMaxContentAndAuto { grid-template-rows: minmax(auto, -webkit-max-content) auto; }
+.gridMinMaxAutoMaxContentAndAuto { grid-template-rows: minmax(auto, max-content) auto; }
 
 </style>
 <script src="../../resources/js-test.js"></script>
index c9c9ba4..de35b1d 100644 (file)
@@ -48,7 +48,7 @@ function testGridDefinitions(gridItemsData)
 
 function testChangingGridDefinitions()
 {
-     setGridTemplate('grid1', 'none', 'repeat(auto-fill, 20px) minmax(-webkit-min-content, 40px)');
+     setGridTemplate('grid1', 'none', 'repeat(auto-fill, 20px) minmax(min-content, 40px)');
 
      setItemSize('item', '100px', '30px');
      testGridDefinitions([
index 60c544e..06368e2 100644 (file)
@@ -75,13 +75,13 @@ PASS element.style.gridTemplateColumns is "10vw"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "150px"
 PASS element.style.gridTemplateRows is "25vh"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
-PASS element.style.gridTemplateColumns is "-webkit-min-content"
+PASS element.style.gridTemplateColumns is "min-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px"
-PASS element.style.gridTemplateRows is "-webkit-min-content"
+PASS element.style.gridTemplateRows is "min-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
-PASS element.style.gridTemplateColumns is "-webkit-max-content"
+PASS element.style.gridTemplateColumns is "max-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px"
-PASS element.style.gridTemplateRows is "-webkit-max-content"
+PASS element.style.gridTemplateRows is "max-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
 PASS element.style.gridTemplateColumns is "fit-content(100px)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px"
@@ -97,19 +97,19 @@ PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80px"
 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "48px"
-PASS element.style.gridTemplateColumns is "minmax(-webkit-min-content, 8vh)"
+PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80px"
-PASS element.style.gridTemplateRows is "minmax(10vw, -webkit-min-content)"
+PASS element.style.gridTemplateRows is "minmax(10vw, min-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "220px"
-PASS element.style.gridTemplateColumns is "minmax(22em, -webkit-max-content)"
+PASS element.style.gridTemplateColumns is "minmax(22em, max-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50px"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, 5em)"
+PASS element.style.gridTemplateRows is "minmax(max-content, 5em)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
-PASS element.style.gridTemplateColumns is "minmax(-webkit-min-content, -webkit-max-content)"
+PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, -webkit-min-content)"
+PASS element.style.gridTemplateRows is "minmax(max-content, min-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px"
-PASS element.style.gridTemplateColumns is "minmax(auto, -webkit-max-content)"
+PASS element.style.gridTemplateColumns is "minmax(auto, max-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "80px"
 PASS element.style.gridTemplateRows is "minmax(10vw, auto)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "800px"
index 4a1d6c1..78fd733 100644 (file)
@@ -77,9 +77,9 @@ PASS element.style.gridTemplateColumns is "calc(25px) calc(2em)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px 60px"
 PASS element.style.gridTemplateRows is "auto calc(10%)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "345px 92px"
-PASS element.style.gridTemplateColumns is "calc(25px + 40%) minmax(-webkit-min-content, calc(10% + 12px))"
+PASS element.style.gridTemplateColumns is "calc(25px + 40%) minmax(min-content, calc(10% + 12px))"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "100px 0px"
-PASS element.style.gridTemplateRows is "minmax(calc(75% - 350px), -webkit-max-content) auto"
+PASS element.style.gridTemplateRows is "minmax(calc(75% - 350px), max-content) auto"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 16px"
 PASS element.style.gridTemplateColumns is "auto minmax(16px, auto)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "90px 80px"
index 0dd80b5..55de581 100644 (file)
@@ -61,8 +61,8 @@
     grid-template-rows: -webkit-fitcontent -webkit-fit-available;
 }
 .gridWithMinMaxContent {
-    grid-template-columns: -webkit-min-content -webkit-max-content;
-    grid-template-rows: -webkit-max-content -webkit-min-content;
+    grid-template-columns: min-content max-content;
+    grid-template-rows: max-content min-content;
 }
 .gridWithMinMaxAndFixed {
     grid-template-columns: minmax(45px, 30%) 15px;
@@ -70,8 +70,8 @@
     font: 10px Ahem;
 }
 .gridWithMinMaxAndMinMaxContent {
-    grid-template-columns: minmax(-webkit-min-content, 30%) 15px;
-    grid-template-rows: 12em minmax(35%, -webkit-max-content);
+    grid-template-columns: minmax(min-content, 30%) 15px;
+    grid-template-rows: 12em minmax(35%, max-content);
     font: 10px Ahem;
 }
 .gridWithFractionFraction {
@@ -79,8 +79,8 @@
     grid-template-rows: 3fr 5fr;
 }
 .gridWithFractionMinMax {
-    grid-template-columns: minmax(-webkit-min-content, 45px) 2fr;
-    grid-template-rows: 3fr minmax(14px, -webkit-max-content);
+    grid-template-columns: minmax(min-content, 45px) 2fr;
+    grid-template-rows: 3fr minmax(14px, max-content);
 }
 .gridWithCalcCalc {
     grid-template-columns: calc(200px) calc(10em);
@@ -93,8 +93,8 @@
     font: 10px Ahem;
 }
 .gridWithCalcAndMinMax {
-    grid-template-columns: calc(30px + 20%) minmax(-webkit-min-content, 80px);
-    grid-template-rows: minmax(25%, -webkit-max-content) calc(10% - 7px);
+    grid-template-columns: calc(30px + 20%) minmax(min-content, 80px);
+    grid-template-rows: minmax(25%, max-content) calc(10% - 7px);
 }
 .gridWithCalcInsideMinMax {
     grid-template-columns: minmax(calc(23px + 10%), 400px) 12em;
     font: 10px Ahem;
 }
 .gridWithAutoInsideMinMax {
-    grid-template-columns: minmax(auto, -webkit-min-content) 30px;
+    grid-template-columns: minmax(auto, min-content) 30px;
     grid-template-rows: calc(100px + 2em) minmax(10%, auto);
 }
 </style>
index 4dff1af..dc6e643 100644 (file)
@@ -48,8 +48,8 @@
     grid-template-rows: 10vh;
 }
 .gridWithFitContent {
-    grid-template-columns: -webkit-fit-content;
-    grid-template-rows: -webkit-fit-content;
+    grid-template-columns: fit-content;
+    grid-template-rows: fit-content;
 }
 .gridWithFitAvailable {
     grid-template-columns: -webkit-fit-available;
     grid-template-rows: minmax(20px, 50%);
 }
 .gridWithMinContent {
-    grid-template-columns: -webkit-min-content;
-    grid-template-rows: -webkit-min-content;
+    grid-template-columns: min-content;
+    grid-template-rows: min-content;
 }
 .gridWithMaxContent {
-    grid-template-columns: -webkit-max-content;
-    grid-template-rows: -webkit-max-content;
+    grid-template-columns: max-content;
+    grid-template-rows: max-content;
 }
 .gridWithFraction {
     grid-template-columns: 1fr;
index bc68177..56d9247 100644 (file)
@@ -20,7 +20,7 @@ body {
 }
 
 .contentSizedTracks {
-    grid-template:  -webkit-max-content 100px / -webkit-max-content 50px;
+    grid-template:  max-content 100px / max-content 50px;
 }
 
 .overflowWidth {
index f488309..b27e028 100644 (file)
@@ -37,11 +37,11 @@ body {
 .autoMaxTracks { grid: minmax(20px, auto) minmax(20px, auto) / minmax(40px, auto) minmax(40px, auto); }
 
 /* content-sized tracks disallowed to be stetched */
-.minContentTracks { grid: -webkit-min-content -webkit-min-content / -webkit-min-content -webkit-min-content; }
-.maxContentTracks { grid: -webkit-max-content -webkit-max-content / -webkit-max-content -webkit-max-content; }
-.minMaxWithMaxContentTracks { grid: minmax(20px, -webkit-max-content) minmax(20px, -webkit-max-content) / minmax(20px, -webkit-max-content) minmax(20px, -webkit-max-content); }
-.minMaxWithMinContentTracks { grid: minmax(20px, -webkit-min-content) minmax(20px, -webkit-min-content) / minmax(20px, -webkit-min-content) minmax(20px, -webkit-min-content); }
-.minMaxWithMinAutoTracks { grid: minmax(auto, -webkit-max-content) minmax(auto, -webkit-max-content) / minmax(auto, -webkit-max-content) minmax(auto, -webkit-max-content); }
+.minContentTracks { grid: min-content min-content / min-content min-content; }
+.maxContentTracks { grid: max-content max-content / max-content max-content; }
+.minMaxWithMaxContentTracks { grid: minmax(20px, max-content) minmax(20px, max-content) / minmax(20px, max-content) minmax(20px, max-content); }
+.minMaxWithMinContentTracks { grid: minmax(20px, min-content) minmax(20px, min-content) / minmax(20px, min-content) minmax(20px, min-content); }
+.minMaxWithMinAutoTracks { grid: minmax(auto, max-content) minmax(auto, max-content) / minmax(auto, max-content) minmax(auto, max-content); }
 
 </style>
 </head>
index 1c2a165..1c36be3 100644 (file)
@@ -7,52 +7,52 @@
     font: 10px/1 Ahem;
 }
 .gridMinContentFixedAndAuto {
-    grid-template-columns: minmax(-webkit-min-content, 15px) auto;
+    grid-template-columns: minmax(min-content, 15px) auto;
 }
 .gridMaxContentFixedAndAuto {
-    grid-template-columns: minmax(-webkit-max-content, 15px) auto;
+    grid-template-columns: minmax(max-content, 15px) auto;
 }
 .gridAutoAndAuto {
     grid-template-columns: auto auto;
 }
 .gridMinContentAndMinContentFixed {
-    grid-template-columns: -webkit-min-content minmax(-webkit-min-content, 30px);
+    grid-template-columns: min-content minmax(min-content, 30px);
 }
 .gridMinContentAndMaxContentFixed {
-    grid-template-columns: -webkit-min-content minmax(-webkit-max-content, 30px);
+    grid-template-columns: min-content minmax(max-content, 30px);
 }
 .gridMaxContentAndMinContent {
-    grid-template-columns: -webkit-max-content -webkit-min-content;
+    grid-template-columns: max-content min-content;
 }
 .gridFixedMinContentAndMaxContent {
-    grid-template-columns: minmax(10px, -webkit-min-content) -webkit-max-content;
+    grid-template-columns: minmax(10px, min-content) max-content;
 }
 .gridFixedMaxContentAndMinContent {
-    grid-template-columns: minmax(10px, -webkit-max-content) -webkit-min-content;
+    grid-template-columns: minmax(10px, max-content) min-content;
 }
 .gridAutoMinContent {
-    grid-template-columns: auto -webkit-min-content;
+    grid-template-columns: auto min-content;
 }
 .gridAutoMaxContent {
-    grid-template-columns: auto -webkit-max-content;
+    grid-template-columns: auto max-content;
 }
 .gridMaxContentAndMinContentFixed {
-    grid-template-columns: -webkit-max-content minmax(-webkit-min-content, 35px);
+    grid-template-columns: max-content minmax(min-content, 35px);
 }
 .gridMaxContentAndMaxContentFixed {
-    grid-template-columns: -webkit-max-content minmax(-webkit-max-content, 35px);
+    grid-template-columns: max-content minmax(max-content, 35px);
 }
 .gridMinContentFixedAndFixedFixedAndAuto {
-    grid-template-columns: minmax(-webkit-min-content, 20px) minmax(20px, 30px) auto;
+    grid-template-columns: minmax(min-content, 20px) minmax(20px, 30px) auto;
 }
 .gridAutoAndFixedFixedAndMaxContentFixed {
-    grid-template-columns: auto minmax(20px, 30px) minmax(-webkit-max-content, 20px);
+    grid-template-columns: auto minmax(20px, 30px) minmax(max-content, 20px);
 }
 .gridMaxContentAndMaxContentFixedAndMaxContent {
-    grid-template-columns: -webkit-max-content minmax(-webkit-max-content, 20px) -webkit-max-content;
+    grid-template-columns: max-content minmax(max-content, 20px) max-content;
 }
 .gridAutoAndMinContentFixedAndMinContent {
-    grid-template-columns: auto minmax(-webkit-min-content, 30px) -webkit-min-content;
+    grid-template-columns: auto minmax(min-content, 30px) min-content;
 }
 
 </style>
index 2804105..c855db9 100644 (file)
@@ -22,25 +22,25 @@ function updateRowsColumns()
     testLayout("constrainedGrid", { 'rows': 'minmax(40px, 50px)', 'columns': 'minmax(30px, 50px)' }, { 'width': '30', 'height': '40' });
     testLayout("constrainedGrid", { 'rows': 'minmax(40px, 50px)', 'columns': 'minmax(50px, 50px)' }, { 'width': '50', 'height': '40' });
     testLayout("constrainedGrid", { 'rows': 'auto', 'columns': 'minmax(50px, 50px)' }, { 'width': '50', 'height': '20' });
-    testLayout("constrainedGrid", { 'rows': 'auto', 'columns': 'minmax(-webkit-max-content, 50px)' }, { 'width': '120', 'height': '10' });
-    testLayout("constrainedGrid", { 'rows': '70px', 'columns': 'minmax(-webkit-max-content, 50px)' }, { 'width': '120', 'height': '70' });
+    testLayout("constrainedGrid", { 'rows': 'auto', 'columns': 'minmax(max-content, 50px)' }, { 'width': '120', 'height': '10' });
+    testLayout("constrainedGrid", { 'rows': '70px', 'columns': 'minmax(max-content, 50px)' }, { 'width': '120', 'height': '70' });
 
     testLayout("constrainedGridUndefinedHeight", { 'rows': 'minmax(20px, 50px)', 'columns': 'minmax(30px, 50px)' }, { 'width': '30', 'height': '50' });
     testLayout("constrainedGridUndefinedHeight", { 'rows': 'minmax(40px, 50px)', 'columns': 'minmax(30px, 50px)' }, { 'width': '30', 'height': '50' });
     testLayout("constrainedGridUndefinedHeight", { 'rows': 'minmax(40px, 50px)', 'columns': 'minmax(50px, 50px)' }, { 'width': '50', 'height': '50' });
     testLayout("constrainedGridUndefinedHeight", { 'rows': 'auto', 'columns': 'minmax(50px, 50px)' }, { 'width': '50', 'height': '20' });
-    testLayout("constrainedGridUndefinedHeight", { 'rows': 'auto', 'columns': 'minmax(-webkit-max-content, 50px)' }, { 'width': '120', 'height': '10' });
-    testLayout("constrainedGridUndefinedHeight", { 'rows': '70px', 'columns': 'minmax(-webkit-max-content, 50px)' }, { 'width': '120', 'height': '70' });
+    testLayout("constrainedGridUndefinedHeight", { 'rows': 'auto', 'columns': 'minmax(max-content, 50px)' }, { 'width': '120', 'height': '10' });
+    testLayout("constrainedGridUndefinedHeight", { 'rows': '70px', 'columns': 'minmax(max-content, 50px)' }, { 'width': '120', 'height': '70' });
 
     testLayout("unconstrainedGrid", { 'rows': 'minmax(20px, 50px)', 'columns': 'minmax(20px, 60px)' }, { 'width': '60', 'height': '50' });
     testLayout("unconstrainedGrid", { 'rows': 'minmax(20px, 50px)', 'columns': 'minmax(20px, 40px)' }, { 'width': '40', 'height': '50' });
     testLayout("unconstrainedGrid", { 'rows': 'minmax(20px, 30px)', 'columns': 'minmax(20px, 40px)' }, { 'width': '40', 'height': '30' });
     testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(20px, 40px)' }, { 'width': '40', 'height': '20' });
-    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(20px, -webkit-max-content)' }, { 'width': '120', 'height': '10' });
-    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(150px, -webkit-max-content)' }, { 'width': '150', 'height': '10' });
+    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(20px, max-content)' }, { 'width': '120', 'height': '10' });
+    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(150px, max-content)' }, { 'width': '150', 'height': '10' });
     testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'auto' }, { 'width': '120', 'height': '10' });
-    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(-webkit-min-content, 1fr) 3fr' }, { 'width': '250', 'height': '10' });
-    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(-webkit-min-content, 3fr) 3fr' }, { 'width': '500', 'height': '10' });
+    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(min-content, 1fr) 3fr' }, { 'width': '250', 'height': '10' });
+    testLayout("unconstrainedGrid", { 'rows': 'auto', 'columns': 'minmax(min-content, 3fr) 3fr' }, { 'width': '500', 'height': '10' });
 }
 
 window.addEventListener("load", updateRowsColumns, false);
index 24559bc..e2608b6 100644 (file)
@@ -11,11 +11,11 @@ PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 400px [foo bar] 400px"
 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] minmax(300px, 1fr))"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[foo] 175px [bar foo] 175px [bar foo] 175px [bar]"
-PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, -webkit-max-content) [bar])"
+PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, max-content) [bar])"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "100px 100px 100px 250px 250px"
 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px)) 250px 250px"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "450px 50px [bar] 50px [bar foo] 10px [foo] 10px"
-PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(-webkit-max-content, 5em) [bar]) [foo] 1em [foo] 1em"
+PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(max-content, 5em) [bar]) [foo] 1em [foo] 1em"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]"
 PASS element.style.gridTemplateColumns is "[start] 10% repeat(auto-fill, [foo bar] 200px) [end]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75px [prev] 200px [foo bar next] 150px [last end]"
@@ -31,11 +31,11 @@ PASS element.style.gridTemplateRows is "100px [foo] repeat(auto-fill, [a] 2em [b
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo bar] 0px"
 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270px, 1fr))"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[foo] 0px [bar foo] 0px [bar foo] 0px [bar]"
-PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, -webkit-max-content) [bar])"
+PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, max-content) [bar])"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "0px 0px 20px 20px"
-PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, -webkit-min-content)) 20px 20px"
+PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, min-content)) 20px 20px"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60px 0px [bar foo] 10px [foo] 10px"
-PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(30em, -webkit-max-content) [bar]) [foo] 1em [foo] 1em"
+PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(30em, max-content) [bar]) [foo] 1em [foo] 1em"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[a z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y b] 30px [c d] 20px [e]"
 PASS element.style.gridTemplateColumns is "[a] repeat(auto-fit, [z] 100px [y]) [b] 30px [c d] 20px [e]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y a b] 30px [c d] 20px [e]"
index c66b0db..eb37897 100644 (file)
@@ -12,13 +12,13 @@ body { font-size: 10px; }
 
     debug("Test auto-repeat syntax.");
     testGridTemplatesSetJSValues("repeat(auto-fill, [foo bar] 200px)", "repeat(auto-fill, 20em [foo bar])", "[foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px", "200px [foo bar] 200px [foo bar] 200px [foo bar]");
-    testGridTemplatesSetJSValues("repeat(auto-fill, [foo bar] minmax(300px, 1fr))", "repeat(auto-fill, [foo] minmax(175px, -webkit-max-content) [bar])", "[foo bar] 400px [foo bar] 400px", "[foo] 175px [bar foo] 175px [bar foo] 175px [bar]");
-    testGridTemplatesSetJSValues("repeat(auto-fill, minmax(50px, 100px)) repeat(2, 250px)", "repeat(1, 450px) repeat(auto-fill, minmax(-webkit-max-content, 5em) [bar]) repeat(2, [foo] 1em)", "100px 100px 100px 250px 250px", "450px 50px [bar] 50px [bar foo] 10px [foo] 10px", "repeat(auto-fill, minmax(50px, 100px)) 250px 250px", "450px repeat(auto-fill, minmax(-webkit-max-content, 5em) [bar]) [foo] 1em [foo] 1em");
+    testGridTemplatesSetJSValues("repeat(auto-fill, [foo bar] minmax(300px, 1fr))", "repeat(auto-fill, [foo] minmax(175px, max-content) [bar])", "[foo bar] 400px [foo bar] 400px", "[foo] 175px [bar foo] 175px [bar foo] 175px [bar]");
+    testGridTemplatesSetJSValues("repeat(auto-fill, minmax(50px, 100px)) repeat(2, 250px)", "repeat(1, 450px) repeat(auto-fill, minmax(max-content, 5em) [bar]) repeat(2, [foo] 1em)", "100px 100px 100px 250px 250px", "450px 50px [bar] 50px [bar foo] 10px [foo] 10px", "repeat(auto-fill, minmax(50px, 100px)) 250px 250px", "450px repeat(auto-fill, minmax(max-content, 5em) [bar]) [foo] 1em [foo] 1em");
     testGridTemplatesSetJSValues("[start] 10% repeat(auto-fill, [foo bar] 200px) [end]", "75px [prev] repeat(auto-fill, 20em [foo bar]) [next] 15em [last end]", "[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]", "75px [prev] 200px [foo bar next] 150px [last end]");
     testGridTemplatesSetJSValues("repeat(auto-fit, [foo bar] 150px)", "repeat(auto-fit, 24em [foo bar])", "[foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px [foo bar] 0px", "0px [foo bar] 0px [foo bar]");
     testGridTemplatesSetJSValues("repeat(auto-fill, [start] 200px 100px [end])", "100px [foo] repeat(auto-fill, [a] 2em [b] 10% [c]) [bar] 3em", "[start] 200px 100px [end start] 200px 100px [end]", "100px [foo a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c a] 20px [b] 60px [c bar] 30px");
-    testGridTemplatesSetJSValues("repeat(auto-fit, [foo bar] minmax(270px, 1fr))", "repeat(auto-fit, [foo] minmax(20em, -webkit-max-content) [bar])", "[foo bar] 0px [foo bar] 0px", "[foo] 0px [bar foo] 0px [bar foo] 0px [bar]");
-    testGridTemplatesSetJSValues("repeat(auto-fit, minmax(300px, -webkit-min-content)) repeat(2, 20px)", "repeat(1, 10%) repeat(auto-fit, minmax(30em, -webkit-max-content) [bar]) repeat(2, [foo] 1em)", "0px 0px 20px 20px", "60px 0px [bar foo] 10px [foo] 10px", "repeat(auto-fit, minmax(300px, -webkit-min-content)) 20px 20px", "10% repeat(auto-fit, minmax(30em, -webkit-max-content) [bar]) [foo] 1em [foo] 1em");
+    testGridTemplatesSetJSValues("repeat(auto-fit, [foo bar] minmax(270px, 1fr))", "repeat(auto-fit, [foo] minmax(20em, max-content) [bar])", "[foo bar] 0px [foo bar] 0px", "[foo] 0px [bar foo] 0px [bar foo] 0px [bar]");
+    testGridTemplatesSetJSValues("repeat(auto-fit, minmax(300px, min-content)) repeat(2, 20px)", "repeat(1, 10%) repeat(auto-fit, minmax(30em, max-content) [bar]) repeat(2, [foo] 1em)", "0px 0px 20px 20px", "60px 0px [bar foo] 10px [foo] 10px", "repeat(auto-fit, minmax(300px, min-content)) 20px 20px", "10% repeat(auto-fit, minmax(30em, max-content) [bar]) [foo] 1em [foo] 1em");
     testGridTemplatesSetJSValues("[a] repeat(auto-fit, [z] 100px [y]) [b] 30px [c d] 20px [e]", "repeat(auto-fit, [z] 100px [y]) [a b] 30px [c d] 20px [e]", "[a z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y b] 30px [c d] 20px [e]", "[z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y a b] 30px [c d] 20px [e]");
     testGridTemplatesSetJSValues("[a] repeat(auto-fit, [z] 100px [y]) repeat(1, [b] 30px [c]) 20px [e]", "[a b] 30px [c d] 20px [e] repeat(auto-fit, [z] 100px [y])", "[a z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y b] 30px [c] 20px [e]", "[a b] 30px [c d] 20px [e z] 0px [y z] 0px [y z] 0px [y z] 0px [y z] 0px [y]", "[a] repeat(auto-fit, [z] 100px [y]) [b] 30px [c] 20px [e]");
     testGridTemplatesSetJSValues("repeat(auto-fit, [start] 200px 100px [end])", "100px [foo] repeat(auto-fit, [a] 2em [b] 10% [c]) [bar] 3em", "[start] 0px 0px [end start] 0px 0px [end]", "100px [foo a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c a] 0px [b] 0px [c bar] 30px");
@@ -35,14 +35,14 @@ body { font-size: 10px; }
 
     testInvalidSyntax("repeat(auto-fill, 1fr)");
     testInvalidSyntax("repeat(auto-fill, [bar] auto)");
-    testInvalidSyntax("repeat(auto-fill, 20px -webkit-min-content)");
+    testInvalidSyntax("repeat(auto-fill, 20px min-content)");
     testInvalidSyntax("repeat(auto-fill, auto [foo bar] 10px)");
     testInvalidSyntax("repeat(auto-fill,)");
     testInvalidSyntax("repeat(auto-fill, [foo])");
     testInvalidSyntax("repeat(auto-fit, 1fr)");
     testInvalidSyntax("repeat(auto-fit, [bar] auto)");
     testInvalidSyntax("repeat(auto-fit, minmax(20px, 30px) auto)");
-    testInvalidSyntax("repeat(auto-fit, -webkit-max-content 2em)");
+    testInvalidSyntax("repeat(auto-fit, max-content 2em)");
     testInvalidSyntax("repeat(auto-fit,)");
     testInvalidSyntax("repeat(auto-fit, [foo])");
 
@@ -52,11 +52,11 @@ body { font-size: 10px; }
     testInvalidSyntax("repeat(auto-fit, 10px) repeat(auto-fit, [foo] 2em)");
     testInvalidSyntax("repeat(auto-fit, 10em [bar]) auto repeat(auto-fit, [foo] 2em)");
     testInvalidSyntax("repeat(auto-fill, [foo] 1em [bar]) auto repeat(auto-fit, [foo] 32px)");
-    testInvalidSyntax("repeat(auto-fill, 1em [bar]) repeat(3, -webkit-max-content [last]) repeat(auto-fit, 32px)");
+    testInvalidSyntax("repeat(auto-fill, 1em [bar]) repeat(3, max-content [last]) repeat(auto-fit, 32px)");
 
     // <auto-repeat> requires definite minimum track sizes.
-    testInvalidSyntax("repeat(auto-fill, 10px) repeat(10, minmax(-webkit-min-content, auto))");
+    testInvalidSyntax("repeat(auto-fill, 10px) repeat(10, minmax(min-content, auto))");
     testInvalidSyntax("auto repeat(auto-fit, [foo] 10px)");
-    testInvalidSyntax("10% repeat(auto-fit, [foo] 10px) -webkit-min-content");
+    testInvalidSyntax("10% repeat(auto-fit, [foo] 10px) min-content");
     testInvalidSyntax("20px [bar] repeat(4, auto) [foo] repeat(auto-fill, 3em)");
 </script>
index 54f4147..daefffa 100644 (file)
@@ -70,8 +70,8 @@
 }
 
 .multipleTrackRepeat {
-    grid-template-rows: repeat(3, -webkit-min-content [a] -webkit-max-content [b c] 20px [d]) [e] 1em;
-    grid-template-columns: [start] 20px repeat(2, [a] minmax(20px, -webkit-min-content) -webkit-max-content [b]) 200px [c] -webkit-min-content [end];
+    grid-template-rows: repeat(3, min-content [a] max-content [b c] 20px [d]) [e] 1em;
+    grid-template-columns: [start] 20px repeat(2, [a] minmax(20px, min-content) max-content [b]) 200px [c] min-content [end];
 }
 
 </style>
index 3ca9701..819b0e7 100644 (file)
@@ -7,23 +7,23 @@
 }
 
 .gridContentSizedColumn {
-    grid-template-columns: minmax(-webkit-min-content, 20px);
+    grid-template-columns: minmax(min-content, 20px);
     grid-template-rows: 10px;
 }
 
 .gridContentSizedColumnFreeSpace {
-    grid-template-columns: minmax(-webkit-min-content, 100px);
+    grid-template-columns: minmax(min-content, 100px);
     grid-template-rows: 10px;
 }
 
 .gridContentSizedRow {
     grid-template-columns: 40px;
-    grid-template-rows: minmax(-webkit-max-content, 10px);
+    grid-template-rows: minmax(max-content, 10px);
 }
 
 .gridContentSizedRowFreeSpace {
     grid-template-columns: 40px;
-    grid-template-rows: minmax(-webkit-max-content, 100px);
+    grid-template-rows: minmax(max-content, 100px);
 }
 
 .definiteWidth { width: 80px; }
index 15c974f..b83f6ea 100644 (file)
@@ -13,8 +13,8 @@
 .gridRowsTwoMaxFlexContent { grid-template: minmax(10px, 1fr) minmax(10px, 2fr) / 50px; }
 .gridRowsTwoDoubleMaxFlexContent { grid-template: minmax(10px, 0.5fr) minmax(10px, 2fr) / 50px; }
 
-.gridMinContentAndMinMaxFixedMinContentAndFlex { grid-template-columns: -webkit-min-content minmax(20px, -webkit-min-content) 2fr; }
-.gridMaxContentAndMinMaxFixedMaxContentAndFlex { grid-template-columns: -webkit-max-content minmax(20px, -webkit-max-content) 1fr; }
+.gridMinContentAndMinMaxFixedMinContentAndFlex { grid-template-columns: min-content minmax(20px, min-content) 2fr; }
+.gridMaxContentAndMinMaxFixedMaxContentAndFlex { grid-template-columns: max-content minmax(20px, max-content) 1fr; }
 
 div.grid > div { font: 10px/1 Ahem; }
 
index 2bd724a..3b04264 100644 (file)
@@ -16,7 +16,7 @@ body { margin: 0px; }
 }
 
 .gridMultipleCols { grid-template-columns: 30px minmax(10px, 50px) 80px; }
-.gridMultipleRows { grid-template-rows: 90px 70px -webkit-min-content; }
+.gridMultipleRows { grid-template-rows: 90px 70px min-content; }
 .gridAutoAuto { grid-template: auto auto / auto auto; }
 .gridMultipleFixed { grid-template: [first] 37px [foo] 57px [bar] 77px [last] / [first] 15px [foo] 25px [bar] 35px [last]; }
 .gridFixed100 { grid-template: repeat(2, 100px) / repeat(2, 100px); }
index 7af88fa..58c4cfe 100644 (file)
@@ -24,7 +24,7 @@
     grid-column-gap: calc(2px + 1vw);
 }
 .gridInvalidRowGap { grid-row-gap: 10%; }
-.gridInvalidColumnGap { grid-column-gap: -webkit-max-content; }
+.gridInvalidColumnGap { grid-column-gap: max-content; }
 .gridInvalidMultipleRowColumnGaps {
     grid-row-gap: 10px 1px;
     grid-column-gap: 0px 0px 0px;
@@ -35,7 +35,7 @@
 }
 .gridInvalidGridGap { grid-gap: 20px 20px 10px; }
 .gridInvalidNoneGap { grid-gap: none; }
-.gridInvalidImplicitGridGap { grid-gap: -webkit-fit-content; }
+.gridInvalidImplicitGridGap { grid-gap: fit-content; }
 
 </style>
 <script src="../../resources/js-test.js"></script>
index ebadcce..f72932e 100644 (file)
@@ -1,3 +1,3 @@
-* { display: inline-grid; height: calc(100% - 10px); grid-template-rows: minmax(100%, -webkit-max-content); }
+* { display: inline-grid; height: calc(100% - 10px); grid-template-rows: minmax(100%, max-content); }
 if (window.testRunner) testRunner.dumpAsText();
 This test has PASSED if it didn't CRASH on Debug builds.
index ef3c354..567a9dc 100644 (file)
@@ -4,7 +4,7 @@
 * {
      display: inline-grid;
      height: calc(100% - 10px);
-     grid-template-rows: minmax(100%, -webkit-max-content);
+     grid-template-rows: minmax(100%, max-content);
 }
 </style>
 <script type="text/javascript">
index c1a5025..7ef21a7 100644 (file)
      grid-template-columns: auto auto;
  }
  .gridFixedMinContentFixedMaxContent {
-    grid-template-columns: minmax(50px, -webkit-min-content) minmax(40px, -webkit-max-content);
+    grid-template-columns: minmax(50px, min-content) minmax(40px, max-content);
  }
  .gridMaxContentAndAuto {
-     grid-template-columns: -webkit-max-content auto;
+     grid-template-columns: max-content auto;
  }
  .gridMinContentAndAuto {
-     grid-template-columns: -webkit-min-content auto;
+     grid-template-columns: min-content auto;
  }
 </style>
 <script src="../../resources/js-test.js"></script>
index dd37d8c..674a56a 100644 (file)
 .col2 { grid-column: 2 / 3; background: indigo; }
 .col3 { grid-column: 3 / 4; background: green; }
 
-.gridMinContent { grid-template: 20px / minmax(0px, -webkit-min-content) 5px; }
-.gridMaxContent { grid-template: 20px / 5px minmax(0px, -webkit-max-content); }
-.gridMinMaxContent { grid-template: 20px / minmax(0px, -webkit-min-content) 5% minmax(0px, -webkit-max-content); }
-.gridAutoMinContent { grid-template: 20px / minmax(0px, auto) 5px minmax(0px, -webkit-min-content); }
+.gridMinContent { grid-template: 20px / minmax(0px, min-content) 5px; }
+.gridMaxContent { grid-template: 20px / 5px minmax(0px, max-content); }
+.gridMinMaxContent { grid-template: 20px / minmax(0px, min-content) 5% minmax(0px, max-content); }
+.gridAutoMinContent { grid-template: 20px / minmax(0px, auto) 5px minmax(0px, min-content); }
 .gridFitContentAuto { grid-template: 20px / fit-content(100px) 5px minmax(0px, auto); }
 
 </style>
index 3054e39..9be589f 100644 (file)
@@ -4,8 +4,8 @@
 <link href="resources/grid-alignment.css" rel="stylesheet">
 <style>
 .gridFixedContent {
-    grid-template-columns: 50px minmax(-webkit-min-content, 50px) minmax(-webkit-max-content, 50px) minmax(50px, -webkit-min-content);
-    grid-template-rows: 70px minmax(-webkit-max-content, 70px) minmax(50px, -webkit-min-content) minmax(65px, -webkit-max-content);
+    grid-template-columns: 50px minmax(min-content, 50px) minmax(max-content, 50px) minmax(50px, min-content);
+    grid-template-rows: 70px minmax(max-content, 70px) minmax(50px, min-content) minmax(65px, max-content);
 }
 
 .sizedToGridArea {
index 7a428e8..508f319 100644 (file)
@@ -10,7 +10,7 @@ body {
 .grid {
     grid-template-columns: 100px;
     grid-template-rows: 100px;
-    width: -webkit-fit-content;
+    width: fit-content;
     position: relative;
 }
 
index 4207fde..4f67ccb 100644 (file)
@@ -8,28 +8,28 @@
     font: 10px/1 Ahem;
 }
 .gridFixedMinContentAndFixedMaxContent {
-     grid-template-columns: minmax(20px, -webkit-min-content) minmax(20px, -webkit-max-content);
+     grid-template-columns: minmax(20px, min-content) minmax(20px, max-content);
 }
 .gridMaxContentFixedAndMinContentFixed {
-     grid-template-columns: minmax(-webkit-max-content, 50px) minmax(-webkit-min-content, 50px);
+     grid-template-columns: minmax(max-content, 50px) minmax(min-content, 50px);
 }
 .gridFixedMinContentAndAuto {
-     grid-template-columns: minmax(20px, -webkit-min-content) auto;
+     grid-template-columns: minmax(20px, min-content) auto;
 }
 .gridFixedMaxContentAndAuto {
-     grid-template-columns: minmax(20px, -webkit-max-content) auto;
+     grid-template-columns: minmax(20px, max-content) auto;
 }
 .gridMaxContentAndAuto {
-     grid-template-columns: -webkit-max-content auto;
+     grid-template-columns: max-content auto;
 }
 .gridAutoAndMaxContent {
-     grid-template-columns: auto -webkit-max-content;
+     grid-template-columns: auto max-content;
 }
 .gridMinContentAndAuto {
-     grid-template-columns: -webkit-min-content auto;
+     grid-template-columns: min-content auto;
 }
 .gridAutoAndMinContent {
-     grid-template-columns: -webkit-min-content auto;
+     grid-template-columns: min-content auto;
 }
 .spanTwo {
      grid-column: 1 / 3;
index bb7fc94..eda87c0 100644 (file)
@@ -9,23 +9,23 @@
 }
 
 .gridMinContentFixed {
-    grid-template-columns: minmax(-webkit-min-content, 100px);
-    grid-template-rows: minmax(-webkit-min-content, 40px);
+    grid-template-columns: minmax(min-content, 100px);
+    grid-template-rows: minmax(min-content, 40px);
 }
 
 .gridMaxContentFixed {
-    grid-template-columns: minmax(-webkit-max-content, 150px);
-    grid-template-rows: minmax(-webkit-max-content, 40px);
+    grid-template-columns: minmax(max-content, 150px);
+    grid-template-rows: minmax(max-content, 40px);
 }
 
 .gridFixedMinContent {
-    grid-template-columns: minmax(100px, -webkit-min-content);
-    grid-template-rows: minmax(40px, -webkit-min-content);
+    grid-template-columns: minmax(100px, min-content);
+    grid-template-rows: minmax(40px, min-content);
 }
 
 .gridFixedMaxContent {
-    grid-template-columns: minmax(100px, -webkit-max-content);
-    grid-template-rows: minmax(40px, -webkit-max-content);
+    grid-template-columns: minmax(100px, max-content);
+    grid-template-rows: minmax(40px, max-content);
 }
 
 .lessConstrainedContainer {
index 594a48f..91ab5e8 100644 (file)
@@ -10,8 +10,8 @@ body {
     width: 300px;
     height: 80px;
     position: relative;
-    grid-template-columns: minmax(-webkit-min-content, -webkit-max-content);
-    grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
+    grid-template-columns: minmax(min-content, max-content);
+    grid-template-rows: minmax(min-content, max-content);
 }
 </style>
 <script src="../../resources/check-layout.js"></script>
index d4dc95d..a444ac3 100644 (file)
@@ -18,7 +18,7 @@ body {
 
 .oneMinContentColTwoMinContentRows {
     font: 50px/1 Ahem;
-    grid: -webkit-min-content -webkit-min-content / -webkit-min-content;
+    grid: min-content min-content / min-content;
 }
 
 .fixedSize {
index fdc84ee..09c2618 100644 (file)
     grid: 1fr / 1fr;
 }
 .gridMaxContent {
-    grid: -webkit-max-content / -webkit-max-content;
+    grid: max-content / max-content;
 }
 .gridMinContent {
-    grid: -webkit-min-content / -webkit-min-content;
+    grid: min-content / min-content;
 }
 .gridAuto {
     grid: auto / auto;
index 97e8437..7829f69 100644 (file)
@@ -4,7 +4,7 @@
 <style>
 .gridMinMaxMinMax {
     grid-template-columns: 50px 100px;
-    grid-template-rows: minmax(10px, -webkit-min-content) minmax(50px, 100px);
+    grid-template-rows: minmax(10px, min-content) minmax(50px, 100px);
 }
 
 .gridAutoAuto {
index 77c52ac..a459872 100644 (file)
 }
 
 .gridMinContentFixed {
-    grid-template-columns: minmax(-webkit-min-content, 40px) minmax(-webkit-min-content, 40px);
+    grid-template-columns: minmax(min-content, 40px) minmax(min-content, 40px);
     grid-template-rows: 10px;
 }
 
 .gridFixedMinContent {
-    grid-template-columns: minmax(30px, -webkit-min-content) minmax(30px, -webkit-min-content);
+    grid-template-columns: minmax(30px, min-content) minmax(30px, min-content);
     grid-template-rows: 10px;
 }
 
 .gridFixedMaxContent {
-    grid-template-columns: minmax(40px, -webkit-max-content) minmax(40px, -webkit-max-content);
+    grid-template-columns: minmax(40px, max-content) minmax(40px, max-content);
     grid-template-rows: 10px;
 }
 
index 6c0891e..f5b8c72 100644 (file)
@@ -80,7 +80,7 @@
     grid-template: 10px / [line];
 }
 #gridTemplateSimpleFormWithFitContent {
-    grid-template: 10px / -webkit-fit-content;
+    grid-template: 10px / fit-content;
 }
 #gridTemplateSimpleFormWithWrongRepeat {
     grid-template:  10px / repeat(2, 50% [title] a);
index 9736551..43756c4 100644 (file)
@@ -6,29 +6,29 @@
  .grid { font: 10px/1 Ahem; }
 
  .gridAutoAndMaxContent {
-    grid-template-columns: auto -webkit-max-content;
+    grid-template-columns: auto max-content;
  }
  .gridFixedMinContentAndFixedMaxContent {
-    grid-template-columns: minmax(10px, -webkit-min-content) minmax(10px, -webkit-max-content);
+    grid-template-columns: minmax(10px, min-content) minmax(10px, max-content);
  }
  .gridMinContentAndMaxContent {
-    grid-template-columns: -webkit-min-content -webkit-max-content;
+    grid-template-columns: min-content max-content;
  }
 
  .gridMinContentAndFixedAndMaxContent {
-    grid-template-columns: -webkit-min-content 20px -webkit-max-content;
+    grid-template-columns: min-content 20px max-content;
  }
 
  .gridMaxContentAndFixedAndAuto {
-    grid-template-columns: -webkit-max-content 20px auto;
+    grid-template-columns: max-content 20px auto;
  }
 
  .gridRepeatTwoMaxContentAndMinContent {
-    grid-template-columns: repeat(2, -webkit-max-content -webkit-min-content);
+    grid-template-columns: repeat(2, max-content min-content);
  }
 
  .gridRepeatTwoAutoAndMaxContent {
-    grid-template-columns: repeat(2, auto -webkit-max-content);
+    grid-template-columns: repeat(2, auto max-content);
  }
 
  .columns1And2 { grid-column: 1 / span 2; }
index 9a4aa54..1c6f8bc 100644 (file)
@@ -4,8 +4,8 @@
 <link href="resources/grid-alignment.css" rel="stylesheet">
 <style>
 .gridFixedContent {
-    grid-template-columns: 50px minmax(-webkit-min-content, 50px) minmax(-webkit-max-content, 50px) minmax(50px, -webkit-min-content);
-    grid-template-rows: 70px minmax(-webkit-max-content, 70px) minmax(50px, -webkit-min-content) minmax(65px, -webkit-max-content);
+    grid-template-columns: 50px minmax(min-content, 50px) minmax(max-content, 50px) minmax(50px, min-content);
+    grid-template-rows: 70px minmax(max-content, 70px) minmax(50px, min-content) minmax(65px, max-content);
 }
 </style>
 <script src="../../resources/check-layout.js"></script>
index 59937d5..c44f3f7 100644 (file)
@@ -11,7 +11,7 @@
 }
 
 .gridFixedMaxContentAndFixedMaxContent {
-    grid-template-columns: minmax(20px, -webkit-max-content) minmax(10px, -webkit-max-content);
+    grid-template-columns: minmax(20px, max-content) minmax(10px, max-content);
 }
 </style>
 <script src="../../resources/js-test.js"></script>
index d64b114..01fa459 100644 (file)
@@ -5,8 +5,8 @@
 <script src="../../resources/check-layout.js"></script>
 <style>
  .grid {
-    grid-template-columns: -webkit-min-content 1fr;
-    grid-template-rows: -webkit-min-content;
+    grid-template-columns: min-content 1fr;
+    grid-template-rows: min-content;
     width: 500px;
     font: 10px/1 Ahem;
  }
index 195da4d..070417b 100644 (file)
@@ -3,12 +3,12 @@
 <link href="resources/grid.css" rel="stylesheet">
 <style>
 .gridMinMaxContent {
-    grid-template-columns: minmax(-webkit-max-content, 50px);
+    grid-template-columns: minmax(max-content, 50px);
     grid-template-rows: 60px;
 }
 
 .gridMaxMaxContent {
-    grid-template-columns: minmax(30px, -webkit-max-content);
+    grid-template-columns: minmax(30px, max-content);
     grid-template-rows: 20px;
 }
 
index bba9905..505e56a 100644 (file)
@@ -4,12 +4,12 @@
 <style>
 .gridMinMaxContent {
     grid-template-columns: 20px;
-    grid-template-rows: minmax(-webkit-max-content, 50px);
+    grid-template-rows: minmax(max-content, 50px);
 }
 
 .gridMaxMaxContent {
     grid-template-columns: 20px;
-    grid-template-rows: minmax(30px, -webkit-max-content);
+    grid-template-rows: minmax(30px, max-content);
 }
 
 .firstRowFirstColumn {
index 4ce7193..9d31233 100644 (file)
@@ -3,12 +3,12 @@
 <link href="resources/grid.css" rel="stylesheet">
 <style>
 .gridMinMinContent {
-    grid-template-columns: minmax(-webkit-min-content, 40px);
+    grid-template-columns: minmax(min-content, 40px);
     grid-template-rows: 50px;
 }
 
 .gridMaxMinContent {
-    grid-template-columns: minmax(30px, -webkit-min-content);
+    grid-template-columns: minmax(30px, min-content);
     grid-template-rows: 20px;
 }
 
index 93c5678..f0688b4 100644 (file)
@@ -4,12 +4,12 @@
 <style>
 .gridMinMinContent {
     grid-template-columns: 30px;
-    grid-template-rows: minmax(-webkit-min-content, 40px);
+    grid-template-rows: minmax(min-content, 40px);
 }
 
 .gridMaxMinContent {
     grid-template-columns: 30px;
-    grid-template-rows: minmax(30px, -webkit-min-content);
+    grid-template-rows: minmax(30px, min-content);
 }
 
 .firstRowFirstColumn {
index e14dd9a..eeec821 100644 (file)
 }
 
 .gridMinMaxMin {
-    grid-template-columns: minmax(-webkit-min-content, 50px) minmax(-webkit-max-content, 140px);
+    grid-template-columns: minmax(min-content, 50px) minmax(max-content, 140px);
     grid-template-rows: 50px 100px;
 }
 
 .gridMinMaxMax {
-    grid-template-columns: minmax(50px, -webkit-min-content) minmax(40px, -webkit-max-content);
+    grid-template-columns: minmax(50px, min-content) minmax(40px, max-content);
     grid-template-rows: 50px 100px;
 }
 
index 4853560..7b5743c 100644 (file)
 
 .gridMinMaxMin {
     grid-template-columns: 50px 100px;
-    grid-template-rows: minmax(-webkit-min-content, 50px) minmax(-webkit-max-content, 140px);
+    grid-template-rows: minmax(min-content, 50px) minmax(max-content, 140px);
 }
 
 .gridMinMaxMax {
     grid-template-columns: 50px 100px;
-    grid-template-rows: minmax(50px, -webkit-min-content) minmax(40px, -webkit-max-content);
+    grid-template-rows: minmax(50px, min-content) minmax(40px, max-content);
 }
 </style>
 <script src="../../resources/check-layout.js"></script>
index 9b6f551..b3a412c 100644 (file)
@@ -41,37 +41,37 @@ PASS element.style.gridTemplateColumns is "[first] auto"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px [last]"
 PASS element.style.gridTemplateRows is "auto [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 0px"
-PASS element.style.gridTemplateColumns is "[first] -webkit-min-content"
+PASS element.style.gridTemplateColumns is "[first] min-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px [last]"
-PASS element.style.gridTemplateRows is "-webkit-min-content [last]"
+PASS element.style.gridTemplateRows is "min-content [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 0px"
-PASS element.style.gridTemplateColumns is "[first] -webkit-max-content"
+PASS element.style.gridTemplateColumns is "[first] max-content"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px [last]"
-PASS element.style.gridTemplateRows is "-webkit-max-content [last]"
+PASS element.style.gridTemplateRows is "max-content [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 440px"
 PASS element.style.gridTemplateColumns is "[first] minmax(55%, 45px)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "240px [last]"
 PASS element.style.gridTemplateRows is "minmax(30px, 40%) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 220px"
-PASS element.style.gridTemplateColumns is "[first] minmax(22em, -webkit-max-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(22em, max-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50px [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, 5em) [last]"
+PASS element.style.gridTemplateRows is "minmax(max-content, 5em) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 220px"
-PASS element.style.gridTemplateColumns is "[first] minmax(22em, -webkit-min-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(22em, min-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50px [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-min-content, 5em) [last]"
+PASS element.style.gridTemplateRows is "minmax(min-content, 5em) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] 0px"
-PASS element.style.gridTemplateColumns is "[first] minmax(-webkit-min-content, -webkit-max-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(min-content, max-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0px [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, -webkit-min-content) [last]"
+PASS element.style.gridTemplateRows is "minmax(max-content, min-content) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] 0px [last]"
-PASS element.style.gridTemplateColumns is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]"
+PASS element.style.gridTemplateColumns is "[first nav] minmax(min-content, max-content) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav] 0px [last]"
-PASS element.style.gridTemplateRows is "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]"
+PASS element.style.gridTemplateRows is "[first nav] minmax(max-content, min-content) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] 0px [nav] 0px [last]"
-PASS element.style.gridTemplateColumns is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]"
+PASS element.style.gridTemplateColumns is "[first nav] minmax(min-content, max-content) [nav] auto [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav2] 0px [nav2] 15px [last]"
-PASS element.style.gridTemplateRows is "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]"
+PASS element.style.gridTemplateRows is "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] 0px [foo] 0px [bar]"
 PASS element.style.gridTemplateColumns is "[foo bar] auto [foo] auto [bar]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[foo bar] 0px [foo] 0px [bar]"
index de37a5c..b7f8cf7 100644 (file)
     testGridTemplatesSetJSValues("[first] 18px", "66px [last]", "[first] 18px", "66px [last]", "[first] 18px", "66px [last]");
     testGridTemplatesSetJSValues("[first] 55%", "40% [last]", "[first] 440px", "240px [last]", "[first] 55%", "40% [last]");
     testGridTemplatesSetJSValues("[first] auto", "auto [last]", "[first] 0px", "0px [last]", "[first] auto", "auto [last]");
-    testGridTemplatesSetJSValues("[first] -webkit-min-content", "-webkit-min-content [last]", "[first] 0px", "0px [last]", "[first] -webkit-min-content", "-webkit-min-content [last]");
-    testGridTemplatesSetJSValues("[first] -webkit-max-content", "-webkit-max-content [last]", "[first] 0px", "0px [last]", "[first] -webkit-max-content", "-webkit-max-content [last]");
+    testGridTemplatesSetJSValues("[first] min-content", "min-content [last]", "[first] 0px", "0px [last]", "[first] min-content", "min-content [last]");
+    testGridTemplatesSetJSValues("[first] max-content", "max-content [last]", "[first] 0px", "0px [last]", "[first] max-content", "max-content [last]");
     testGridTemplatesSetJSValues("[first] minmax(55%, 45px)", "minmax(30px, 40%) [last]", "[first] 440px", "240px [last]", "[first] minmax(55%, 45px)", "minmax(30px, 40%) [last]");
-    testGridTemplatesSetJSValues("[first] minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em) [last]", "[first] 220px", "50px [last]", "[first] minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em) [last]");
-    testGridTemplatesSetJSValues("[first] minmax(22em, -webkit-min-content)", "minmax(-webkit-min-content, 5em) [last]", "[first] 220px", "50px [last]", "[first] minmax(22em, -webkit-min-content)", "minmax(-webkit-min-content, 5em) [last]");
-    testGridTemplatesSetJSValues("[first] minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) [last]", "[first] 0px", "0px [last]", "[first] minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) [last]");
-    testGridTemplatesSetJSValues("[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]", "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]", "[first nav] 0px [last]", "[first nav] 0px [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]", "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]");
-    testGridTemplatesSetJSValues("[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]", "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] 0px [nav] 0px [last]", "[first nav2] 0px [nav2] 15px [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]", "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]");
+    testGridTemplatesSetJSValues("[first] minmax(22em, max-content)", "minmax(max-content, 5em) [last]", "[first] 220px", "50px [last]", "[first] minmax(22em, max-content)", "minmax(max-content, 5em) [last]");
+    testGridTemplatesSetJSValues("[first] minmax(22em, min-content)", "minmax(min-content, 5em) [last]", "[first] 220px", "50px [last]", "[first] minmax(22em, min-content)", "minmax(min-content, 5em) [last]");
+    testGridTemplatesSetJSValues("[first] minmax(min-content, max-content)", "minmax(max-content, min-content) [last]", "[first] 0px", "0px [last]", "[first] minmax(min-content, max-content)", "minmax(max-content, min-content) [last]");
+    testGridTemplatesSetJSValues("[first nav] minmax(min-content, max-content) [last]", "[first nav] minmax(max-content, min-content) [last]", "[first nav] 0px [last]", "[first nav] 0px [last]", "[first nav] minmax(min-content, max-content) [last]", "[first nav] minmax(max-content, min-content) [last]");
+    testGridTemplatesSetJSValues("[first nav] minmax(min-content, max-content) [nav] auto [last]", "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] 0px [nav] 0px [last]", "[first nav2] 0px [nav2] 15px [last]", "[first nav] minmax(min-content, max-content) [nav] auto [last]", "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]");
     testGridTemplatesSetJSValues("[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] 0px [foo] 0px [bar]", "[foo bar] 0px [foo] 0px [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]");
     testGridTemplatesSetJSValues("[first] auto repeat(2, [foo bar] 20px)", "220px [foo] repeat(1, 50% [baz])", "[first] 0px [foo bar] 20px [foo bar] 20px", "220px [foo] 300px [baz]", "[first] auto [foo bar] 20px [foo bar] 20px", "220px [foo] 50% [baz]");
 
index 7bd2f27..3dd0ef8 100644 (file)
@@ -18,10 +18,10 @@ PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyV
 PASS window.getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('grid-template-rows') is "60px"
 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template-columns') is "minmax(10%, 15px)"
 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template-rows') is "minmax(20px, 50%)"
-PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-template-columns') is "-webkit-min-content"
-PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-template-rows') is "-webkit-min-content"
-PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-template-columns') is "-webkit-max-content"
-PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-template-rows') is "-webkit-max-content"
+PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-template-columns') is "min-content"
+PASS window.getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-template-rows') is "min-content"
+PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-template-columns') is "max-content"
+PASS window.getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-template-rows') is "max-content"
 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-template-columns') is "1fr"
 PASS window.getComputedStyle(gridWithFraction, '').getPropertyValue('grid-template-rows') is "2fr"
 PASS window.getComputedStyle(gridWithCalc, '').getPropertyValue('grid-template-columns') is "150px"
@@ -33,7 +33,7 @@ PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri
 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyValue('grid-template-columns') is "minmax(10%, calc(50% + 15px))"
 PASS window.getComputedStyle(gridWithCalcComplexInsideMinMax, '').getPropertyValue('grid-template-rows') is "minmax(calc(20px + 10%), 50%)"
 PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-columns') is "minmax(auto, 20px)"
-PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-min-content, auto)"
+PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-rows') is "minmax(min-content, auto)"
 
 Test getting wrong values for grid-template-columns and grid-template-rows through CSS (they should resolve to the default: 'none')
 PASS window.getComputedStyle(gridWithFitContentElement, '').getPropertyValue('grid-template-columns') is "none"
@@ -64,14 +64,14 @@ PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
 PASS element.style.gridTemplateColumns is "10vw"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "150px"
 PASS element.style.gridTemplateRows is "25vh"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "-webkit-min-content"
-PASS element.style.gridTemplateColumns is "-webkit-min-content"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "-webkit-min-content"
-PASS element.style.gridTemplateRows is "-webkit-min-content"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "-webkit-max-content"
-PASS element.style.gridTemplateColumns is "-webkit-max-content"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "-webkit-max-content"
-PASS element.style.gridTemplateRows is "-webkit-max-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "min-content"
+PASS element.style.gridTemplateColumns is "min-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "min-content"
+PASS element.style.gridTemplateRows is "min-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "max-content"
+PASS element.style.gridTemplateColumns is "max-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "max-content"
+PASS element.style.gridTemplateRows is "max-content"
 
 Test getting and setting grid-template-columns and grid-template-rows to minmax() values through JS
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(55%, 45px)"
@@ -82,18 +82,18 @@ PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
 PASS element.style.gridTemplateColumns is "minmax(22em, 8vh)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(80px, 50px)"
 PASS element.style.gridTemplateRows is "minmax(10vw, 5em)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(-webkit-min-content, 48px)"
-PASS element.style.gridTemplateColumns is "minmax(-webkit-min-content, 8vh)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(80px, -webkit-min-content)"
-PASS element.style.gridTemplateRows is "minmax(10vw, -webkit-min-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(220px, -webkit-max-content)"
-PASS element.style.gridTemplateColumns is "minmax(22em, -webkit-max-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-max-content, 50px)"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, 5em)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(-webkit-min-content, -webkit-max-content)"
-PASS element.style.gridTemplateColumns is "minmax(-webkit-min-content, -webkit-max-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-max-content, -webkit-min-content)"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, -webkit-min-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(min-content, 48px)"
+PASS element.style.gridTemplateColumns is "minmax(min-content, 8vh)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(80px, min-content)"
+PASS element.style.gridTemplateRows is "minmax(10vw, min-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(220px, max-content)"
+PASS element.style.gridTemplateColumns is "minmax(22em, max-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(max-content, 50px)"
+PASS element.style.gridTemplateRows is "minmax(max-content, 5em)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "minmax(min-content, max-content)"
+PASS element.style.gridTemplateColumns is "minmax(min-content, max-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(max-content, min-content)"
+PASS element.style.gridTemplateRows is "minmax(max-content, min-content)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "3600fr"
 PASS element.style.gridTemplateColumns is "3600fr"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "154fr"
index 5e1a0f9..b0fc5ad 100644 (file)
@@ -18,26 +18,26 @@ PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyV
 PASS window.getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('grid-template-rows') is "35% 168px"
 PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-template-columns') is "none"
 PASS window.getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('grid-template-rows') is "none"
-PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-columns') is "-webkit-min-content -webkit-max-content"
-PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-rows') is "-webkit-max-content -webkit-min-content"
+PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-columns') is "min-content max-content"
+PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-template-rows') is "max-content min-content"
 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-template-columns') is "minmax(45px, 30%) 15px"
 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-template-rows') is "120px minmax(35%, 10px)"
-PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-columns') is "minmax(-webkit-min-content, 30%) 15px"
-PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-rows') is "120px minmax(35%, -webkit-max-content)"
+PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-columns') is "minmax(min-content, 30%) 15px"
+PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid-template-rows') is "120px minmax(35%, max-content)"
 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-template-columns') is "1fr 2fr"
 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-template-rows') is "3fr 4fr"
-PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-columns') is "minmax(-webkit-min-content, 45px) 2fr"
-PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-rows') is "3fr minmax(14px, -webkit-max-content)"
+PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-columns') is "minmax(min-content, 45px) 2fr"
+PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-template-rows') is "3fr minmax(14px, max-content)"
 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-template-columns') is "200px 100px"
 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-template-rows') is "150px 75px"
 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-template-columns') is "50% 80px"
 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-template-rows') is "88px 25%"
-PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-columns') is "calc(30px + 20%) minmax(-webkit-min-content, 80px)"
-PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-rows') is "minmax(25%, -webkit-max-content) calc(10% - 7px)"
+PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-columns') is "calc(30px + 20%) minmax(min-content, 80px)"
+PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-template-rows') is "minmax(25%, max-content) calc(10% - 7px)"
 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-template-columns') is "minmax(calc(23px + 10%), 400px) 120px"
 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('grid-template-rows') is "150px minmax(5%, calc(50% - 125px))"
 PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-columns') is "minmax(auto, 20px) 10%"
-PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-rows') is "-webkit-max-content minmax(-webkit-min-content, auto)"
+PASS window.getComputedStyle(gridWithAutoInsideMinMax, '').getPropertyValue('grid-template-rows') is "max-content minmax(min-content, auto)"
 
 Test the initial value
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is 'none'
index d8c7694..d146187 100644 (file)
 }
 .gridWithFitContentAndFitAvailable {
     grid-template-columns: -webkit-content-available;
-    grid-template-rows: -webkit-fit-content -webkit-fit-available;
+    grid-template-rows: fit-content -webkit-fit-available;
 }
 .gridWithMinMaxContent {
-    grid-template-columns: -webkit-min-content -webkit-max-content;
-    grid-template-rows: -webkit-max-content -webkit-min-content;
+    grid-template-columns: min-content max-content;
+    grid-template-rows: max-content min-content;
 }
 .gridWithMinMaxAndFixed {
     grid-template-columns: minmax(45px, 30%) 15px;
@@ -52,8 +52,8 @@
     font: 10px Ahem;
 }
 .gridWithMinMaxAndMinMaxContent {
-    grid-template-columns: minmax(-webkit-min-content, 30%) 15px;
-    grid-template-rows: 12em minmax(35%, -webkit-max-content);
+    grid-template-columns: minmax(min-content, 30%) 15px;
+    grid-template-rows: 12em minmax(35%, max-content);
     font: 10px Ahem;
 }
 .gridWithFractionFraction {
@@ -61,8 +61,8 @@
     grid-template-rows: 3fr 4fr;
 }
 .gridWithFractionMinMax {
-    grid-template-columns: minmax(-webkit-min-content, 45px) 2fr;
-    grid-template-rows: 3fr minmax(14px, -webkit-max-content);
+    grid-template-columns: minmax(min-content, 45px) 2fr;
+    grid-template-rows: 3fr minmax(14px, max-content);
 }
 .gridWithCalcCalc {
     grid-template-columns: calc(200px) calc(10em);
@@ -75,8 +75,8 @@
     font: 10px Ahem;
 }
 .gridWithCalcAndMinMax {
-    grid-template-columns: calc(30px + 20%) minmax(-webkit-min-content, 80px);
-    grid-template-rows: minmax(25%, -webkit-max-content) calc(10% - 7px);
+    grid-template-columns: calc(30px + 20%) minmax(min-content, 80px);
+    grid-template-rows: minmax(25%, max-content) calc(10% - 7px);
 }
 .gridWithCalcInsideMinMax {
     grid-template-columns: minmax(calc(23px + 10%), 400px) 12em;
@@ -85,7 +85,7 @@
 }
 .gridWithAutoInsideMinMax {
     grid-template-columns: minmax(auto, 20px) 10%;
-    grid-template-rows: -webkit-max-content minmax(-webkit-min-content, auto);
+    grid-template-rows: max-content minmax(min-content, auto);
 }
 </style>
 <script src="../../resources/js-test-pre.js"></script>
index 2b4c3b6..045b065 100644 (file)
@@ -29,8 +29,8 @@
     grid-template-rows: 10vh;
 }
 .gridWithFitContent {
-    grid-template-columns: -webkit-fit-content;
-    grid-template-rows: -webkit-fit-content;
+    grid-template-columns: fit-content;
+    grid-template-rows: fit-content;
 }
 .gridWithFitAvailable {
     grid-template-columns: -webkit-fit-available;
     grid-template-rows: minmax(20px, 50%);
 }
 .gridWithMinContent {
-    grid-template-columns: -webkit-min-content;
-    grid-template-rows: -webkit-min-content;
+    grid-template-columns: min-content;
+    grid-template-rows: min-content;
 }
 .gridWithMaxContent {
-    grid-template-columns: -webkit-max-content;
-    grid-template-rows: -webkit-max-content;
+    grid-template-columns: max-content;
+    grid-template-rows: max-content;
 }
 .gridWithFraction {
     grid-template-columns: 1fr;
@@ -70,7 +70,7 @@
 }
 .gridWithAutoInsideMinMax {
     grid-template-columns: minmax(auto, 20px);
-    grid-template-rows: minmax(-webkit-min-content, auto);
+    grid-template-rows: minmax(min-content, auto);
 }
 </style>
 <script src="../../resources/js-test-pre.js"></script>
index 2211b9e..aa73241 100644 (file)
@@ -30,38 +30,38 @@ PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
 PASS element.style.gridTemplateColumns is "[first] auto"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "auto [last]"
 PASS element.style.gridTemplateRows is "auto [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] -webkit-min-content"
-PASS element.style.gridTemplateColumns is "[first] -webkit-min-content"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "-webkit-min-content [last]"
-PASS element.style.gridTemplateRows is "-webkit-min-content [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] -webkit-max-content"
-PASS element.style.gridTemplateColumns is "[first] -webkit-max-content"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "-webkit-max-content [last]"
-PASS element.style.gridTemplateRows is "-webkit-max-content [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] min-content"
+PASS element.style.gridTemplateColumns is "[first] min-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "min-content [last]"
+PASS element.style.gridTemplateRows is "min-content [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] max-content"
+PASS element.style.gridTemplateColumns is "[first] max-content"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "max-content [last]"
+PASS element.style.gridTemplateRows is "max-content [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(55%, 45px)"
 PASS element.style.gridTemplateColumns is "[first] minmax(55%, 45px)"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(30px, 40%) [last]"
 PASS element.style.gridTemplateRows is "minmax(30px, 40%) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(220px, -webkit-max-content)"
-PASS element.style.gridTemplateColumns is "[first] minmax(22em, -webkit-max-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-max-content, 50px) [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, 5em) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(220px, -webkit-min-content)"
-PASS element.style.gridTemplateColumns is "[first] minmax(22em, -webkit-min-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-min-content, 50px) [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-min-content, 5em) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(-webkit-min-content, -webkit-max-content)"
-PASS element.style.gridTemplateColumns is "[first] minmax(-webkit-min-content, -webkit-max-content)"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(-webkit-max-content, -webkit-min-content) [last]"
-PASS element.style.gridTemplateRows is "minmax(-webkit-max-content, -webkit-min-content) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]"
-PASS element.style.gridTemplateColumns is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]"
-PASS element.style.gridTemplateRows is "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]"
-PASS element.style.gridTemplateColumns is "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]"
-PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]"
-PASS element.style.gridTemplateRows is "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(220px, max-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(22em, max-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(max-content, 50px) [last]"
+PASS element.style.gridTemplateRows is "minmax(max-content, 5em) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(220px, min-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(22em, min-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(min-content, 50px) [last]"
+PASS element.style.gridTemplateRows is "minmax(min-content, 5em) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first] minmax(min-content, max-content)"
+PASS element.style.gridTemplateColumns is "[first] minmax(min-content, max-content)"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "minmax(max-content, min-content) [last]"
+PASS element.style.gridTemplateRows is "minmax(max-content, min-content) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] minmax(min-content, max-content) [last]"
+PASS element.style.gridTemplateColumns is "[first nav] minmax(min-content, max-content) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav] minmax(max-content, min-content) [last]"
+PASS element.style.gridTemplateRows is "[first nav] minmax(max-content, min-content) [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[first nav] minmax(min-content, max-content) [nav] auto [last]"
+PASS element.style.gridTemplateColumns is "[first nav] minmax(min-content, max-content) [nav] auto [last]"
+PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]"
+PASS element.style.gridTemplateRows is "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "[foo bar] auto [foo] auto [bar]"
 PASS element.style.gridTemplateColumns is "[foo bar] auto [foo] auto [bar]"
 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[foo bar] auto [foo] auto [bar]"
index ffc3f2f..d15d4ba 100644 (file)
     testNonGridTemplatesSetJSValues("[first] 18px", "66px [last]", "[first] 18px", "66px [last]", "[first] 18px", "66px [last]");
     testNonGridTemplatesSetJSValues("[first] 55%", "40% [last]", "[first] 55%", "40% [last]", "[first] 55%", "40% [last]");
     testNonGridTemplatesSetJSValues("[first] auto", "auto [last]", "[first] auto", "auto [last]", "[first] auto", "auto [last]");
-    testNonGridTemplatesSetJSValues("[first] -webkit-min-content", "-webkit-min-content [last]", "[first] -webkit-min-content", "-webkit-min-content [last]", "[first] -webkit-min-content", "-webkit-min-content [last]");
-    testNonGridTemplatesSetJSValues("[first] -webkit-max-content", "-webkit-max-content [last]", "[first] -webkit-max-content", "-webkit-max-content [last]", "[first] -webkit-max-content", "-webkit-max-content [last]");
+    testNonGridTemplatesSetJSValues("[first] min-content", "min-content [last]", "[first] min-content", "min-content [last]", "[first] min-content", "min-content [last]");
+    testNonGridTemplatesSetJSValues("[first] max-content", "max-content [last]", "[first] max-content", "max-content [last]", "[first] max-content", "max-content [last]");
     testNonGridTemplatesSetJSValues("[first] minmax(55%, 45px)", "minmax(30px, 40%) [last]", "[first] minmax(55%, 45px)", "minmax(30px, 40%) [last]", "[first] minmax(55%, 45px)", "minmax(30px, 40%) [last]");
-    testNonGridTemplatesSetJSValues("[first] minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em) [last]", "[first] minmax(220px, -webkit-max-content)", "minmax(-webkit-max-content, 50px) [last]", "[first] minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em) [last]", "[first] minmax(220px, -webkit-max-content)", "minmax(-webkit-max-content, 50px) [last]", "minmax(-webkit-max-content, 50px) [last]");
-    testNonGridTemplatesSetJSValues("[first] minmax(22em, -webkit-min-content)", "minmax(-webkit-min-content, 5em) [last]", "[first] minmax(220px, -webkit-min-content)", "minmax(-webkit-min-content, 50px) [last]", "[first] minmax(22em, -webkit-min-content)", "minmax(-webkit-min-content, 5em) [last]", "[first] minmax(220px, -webkit-min-content)", "minmax(-webkit-min-content, 50px) [last]", "minmax(-webkit-min-content, 50px) [last]");
-    testNonGridTemplatesSetJSValues("[first] minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) [last]", "[first] minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) [last]", "[first] minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content) [last]");
-    testNonGridTemplatesSetJSValues("[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]", "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]", "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [last]", "[first nav] minmax(-webkit-max-content, -webkit-min-content) [last]");
-    testNonGridTemplatesSetJSValues("[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]", "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]", "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] minmax(-webkit-min-content, -webkit-max-content) [nav] auto [last]", "[first nav2] minmax(-webkit-max-content, -webkit-min-content) [nav2] minmax(10px, 15px) [last]");;
+    testNonGridTemplatesSetJSValues("[first] minmax(22em, max-content)", "minmax(max-content, 5em) [last]", "[first] minmax(220px, max-content)", "minmax(max-content, 50px) [last]", "[first] minmax(22em, max-content)", "minmax(max-content, 5em) [last]", "[first] minmax(220px, max-content)", "minmax(max-content, 50px) [last]", "minmax(max-content, 50px) [last]");
+    testNonGridTemplatesSetJSValues("[first] minmax(22em, min-content)", "minmax(min-content, 5em) [last]", "[first] minmax(220px, min-content)", "minmax(min-content, 50px) [last]", "[first] minmax(22em, min-content)", "minmax(min-content, 5em) [last]", "[first] minmax(220px, min-content)", "minmax(min-content, 50px) [last]", "minmax(min-content, 50px) [last]");
+    testNonGridTemplatesSetJSValues("[first] minmax(min-content, max-content)", "minmax(max-content, min-content) [last]", "[first] minmax(min-content, max-content)", "minmax(max-content, min-content) [last]", "[first] minmax(min-content, max-content)", "minmax(max-content, min-content) [last]");
+    testNonGridTemplatesSetJSValues("[first nav] minmax(min-content, max-content) [last]", "[first nav] minmax(max-content, min-content) [last]", "[first nav] minmax(min-content, max-content) [last]", "[first nav] minmax(max-content, min-content) [last]", "[first nav] minmax(min-content, max-content) [last]", "[first nav] minmax(max-content, min-content) [last]");
+    testNonGridTemplatesSetJSValues("[first nav] minmax(min-content, max-content) [nav] auto [last]", "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] minmax(min-content, max-content) [nav] auto [last]", "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]", "[first nav] minmax(min-content, max-content) [nav] auto [last]", "[first nav2] minmax(max-content, min-content) [nav2] minmax(10px, 15px) [last]");;
     testNonGridTemplatesSetJSValues("[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]", "[foo bar] auto [foo] auto [bar]");
 
     debug("");
index cf27afd..f5796f5 100644 (file)
@@ -9,15 +9,15 @@ testGridTemplatesValues(document.getElementById("gridWithEMElement"), "100px 120
 testGridTemplatesValues(document.getElementById("gridWithThreeItems"), "15px auto 100px", "120px 18px auto", "15px 0px 100px", "120px 18px 0px");
 testGridTemplatesValues(document.getElementById("gridWithPercentAndViewportPercent"), "50% 120px", "35% 168px", "400px 120px", "210px 168px");
 testGridTemplatesValues(document.getElementById("gridWithFitContentAndFitAvailable"), "none", "none");
-testGridTemplatesValues(document.getElementById("gridWithMinMaxContent"), "-webkit-min-content -webkit-max-content", "-webkit-max-content -webkit-min-content", "0px 0px", "0px 0px");
-testGridTemplatesValues(document.getElementById("gridWithMinMaxContentWithChildrenElement"), "-webkit-min-content -webkit-max-content", "-webkit-max-content -webkit-min-content", "7px 17px", "11px 3px");
+testGridTemplatesValues(document.getElementById("gridWithMinMaxContent"), "min-content max-content", "max-content min-content", "0px 0px", "0px 0px");
+testGridTemplatesValues(document.getElementById("gridWithMinMaxContentWithChildrenElement"), "min-content max-content", "max-content min-content", "7px 17px", "11px 3px");
 testGridTemplatesValues(document.getElementById("gridWithMinMaxAndFixed"), "minmax(45px, 30%) 15px", "120px minmax(35%, 10px)", "240px 15px", "120px 210px");
-testGridTemplatesValues(document.getElementById("gridWithMinMaxAndMinMaxContent"), "minmax(-webkit-min-content, 30%) 15px", "120px minmax(35%, -webkit-max-content)", "240px 15px", "120px 210px");
+testGridTemplatesValues(document.getElementById("gridWithMinMaxAndMinMaxContent"), "minmax(min-content, 30%) 15px", "120px minmax(35%, max-content)", "240px 15px", "120px 210px");
 testGridTemplatesValues(document.getElementById("gridWithFractionFraction"), "1fr 2fr", "3fr 4fr", "320px 480px", "225px 375px");
-testGridTemplatesValues(document.getElementById("gridWithFractionMinMax"), "minmax(-webkit-min-content, 45px) 2fr", "3fr minmax(14px, -webkit-max-content)", "45px 755px", "586px 14px");
+testGridTemplatesValues(document.getElementById("gridWithFractionMinMax"), "minmax(min-content, 45px) 2fr", "3fr minmax(14px, max-content)", "45px 755px", "586px 14px");
 testGridTemplatesValues(document.getElementById("gridWithCalcCalc"), "200px 100px", "150px 75px");
 testGridTemplatesValues(document.getElementById("gridWithCalcAndFixed"), "50% 80px", "88px 25%", "400px 80px", "88px 150px");
-testGridTemplatesValues(document.getElementById("gridWithCalcAndMinMax"), "190px minmax(-webkit-min-content, 80px)", "minmax(25%, -webkit-max-content) 53px", "190px 80px", "150px 53px");
+testGridTemplatesValues(document.getElementById("gridWithCalcAndMinMax"), "190px minmax(min-content, 80px)", "minmax(25%, max-content) 53px", "190px 80px", "150px 53px");
 testGridTemplatesValues(document.getElementById("gridWithCalcInsideMinMax"), "minmax(103px, 400px) 120px", "150px minmax(5%, 175px)", "400px 120px", "150px 175px");
 testGridTemplatesValues(document.getElementById("gridWithAutoInsideMinMax"), "0px 30px", "132px 60px");
 
@@ -37,7 +37,7 @@ testGridTemplatesSetJSValues("auto 16em 22px", "56% 10em auto", "0px 160px 22px"
 testGridTemplatesSetJSValues("16em minmax(16px, 20px)", "minmax(10%, 15%) auto", "160px 20px", "90px 0px");
 testGridTemplatesSetJSValues("16em 2fr", "14fr auto", "160px 640px", "600px 0px");
 testGridTemplatesSetJSValues("calc(25px) calc(2em)", "auto calc(10%)", "25px 20px", "0px 60px", "calc(25px) calc(2em)", "auto calc(10%)");
-testGridTemplatesSetJSValues("calc(25px + 40%) minmax(-webkit-min-content, calc(10% + 12px))", "minmax(calc(75% - 350px), -webkit-max-content) auto", "345px 92px", "100px 0px", "calc(25px + 40%) minmax(-webkit-min-content, calc(10% + 12px))", "minmax(calc(75% - 350px), -webkit-max-content) auto");
+testGridTemplatesSetJSValues("calc(25px + 40%) minmax(min-content, calc(10% + 12px))", "minmax(calc(75% - 350px), max-content) auto", "345px 92px", "100px 0px", "calc(25px + 40%) minmax(min-content, calc(10% + 12px))", "minmax(calc(75% - 350px), max-content) auto");
 testGridTemplatesSetJSValues("auto minmax(16px, auto)", "minmax(auto, 15%) 10vw", "0px 16px", "90px 80px");
 
 debug("");
@@ -52,14 +52,14 @@ testGridTemplatesSetBadJSValues("none 16em", "none 56%");
 testGridTemplatesSetBadJSValues("none none", "none none");
 testGridTemplatesSetBadJSValues("auto none", "auto none");
 testGridTemplatesSetBadJSValues("auto none 16em", "auto 18em none");
-testGridTemplatesSetBadJSValues("-webkit-fit-content -webkit-fit-content", "-webkit-fit-available -webkit-fit-available");
+testGridTemplatesSetBadJSValues("fit-content fit-content", "-webkit-fit-available -webkit-fit-available");
 
 // Negative values are not allowed.
 testGridTemplatesSetBadJSValues("-10px minmax(16px, 32px)", "minmax(10%, 15%) -10vw");
 testGridTemplatesSetBadJSValues("10px minmax(16px, -1vw)", "minmax(-1%, 15%) 10vw");
 // Invalid expressions with calc
 testGridTemplatesSetBadJSValues("10px calc(16px 30px)", "calc(25px + auto) 2em");
-testGridTemplatesSetBadJSValues("minmax(-webkit-min-content, calc() 250px", "calc(2em(");
+testGridTemplatesSetBadJSValues("minmax(min-content, calc() 250px", "calc(2em(");
 
 function testInherit()
 {
index 5e5bb11..8cf8da3 100644 (file)
@@ -43,18 +43,18 @@ testGridTemplatesSetJSValues("18px", "66px");
 testGridTemplatesSetJSValues("55%", "40%", "440px", "240px");
 testGridTemplatesSetJSValues("auto", "auto", "0px", "0px");
 testGridTemplatesSetJSValues("10vw", "25vh", "80px", "150px");
-testGridTemplatesSetJSValues("-webkit-min-content", "-webkit-min-content", "0px", "0px");
-testGridTemplatesSetJSValues("-webkit-max-content", "-webkit-max-content", "0px", "0px");
+testGridTemplatesSetJSValues("min-content", "min-content", "0px", "0px");
+testGridTemplatesSetJSValues("max-content", "max-content", "0px", "0px");
 testGridTemplatesSetJSValues("fit-content(100px)", "fit-content(25%)", "0px", "0px");
 
 debug("");
 debug("Test getting and setting grid-template-columns and grid-template-rows to minmax() values through JS");
 testGridTemplatesSetJSValues("minmax(55%, 45px)", "minmax(30px, 40%)", "440px", "240px");
 testGridTemplatesSetJSValues("minmax(22em, 8vh)", "minmax(10vw, 5em)", "220px", "80px");
-testGridTemplatesSetJSValues("minmax(-webkit-min-content, 8vh)", "minmax(10vw, -webkit-min-content)", "48px", "80px");
-testGridTemplatesSetJSValues("minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em)", "220px", "50px");
-testGridTemplatesSetJSValues("minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content)", "0px", "0px");
-testGridTemplatesSetJSValues("minmax(auto, -webkit-max-content)", "minmax(10vw, auto)", "0px", "80px");
+testGridTemplatesSetJSValues("minmax(min-content, 8vh)", "minmax(10vw, min-content)", "48px", "80px");
+testGridTemplatesSetJSValues("minmax(22em, max-content)", "minmax(max-content, 5em)", "220px", "50px");
+testGridTemplatesSetJSValues("minmax(min-content, max-content)", "minmax(max-content, min-content)", "0px", "0px");
+testGridTemplatesSetJSValues("minmax(auto, max-content)", "minmax(10vw, auto)", "0px", "80px");
 // Unit comparison should be case-insensitive.
 testGridTemplatesSetJSValues("3600Fr", "154fR", "800px", "600px", "3600fr", "154fr");
 
@@ -88,7 +88,7 @@ testGridTemplatesSetBadJSValues("minmax(1fr, 100px)", "minmax(2.5fr, 200px)");
 testGridTemplatesSetBadJSValues("fit-content()", "fit-content( )");
 testGridTemplatesSetBadJSValues("fit-content(-10em)", "fit-content(-2px)");
 testGridTemplatesSetBadJSValues("fit-content(10px 2%)", "fit-content(5% 10em)");
-testGridTemplatesSetBadJSValues("fit-content(-webkit-max-content)", "fit-content(-webkit-min-content)");
+testGridTemplatesSetBadJSValues("fit-content(max-content)", "fit-content(min-content)");
 testGridTemplatesSetBadJSValues("fit-content(auto)", "fit-content(3fr)");
 testGridTemplatesSetBadJSValues("fit-content(repeat(2, 100px))", "fit-content(repeat(auto-fit), 1%)");
 testGridTemplatesSetBadJSValues("fit-content(fit-content(10px))", "fit-content(fit-content(30%))");
@@ -106,7 +106,7 @@ testGridTemplatesSetBadJSValues("-1px", "-6em");
 testGridTemplatesSetBadJSValues("minmax(-1%, 32%)", "minmax(2vw, -6em)");
 // Invalid expressions with calc
 testGridTemplatesSetBadJSValues("calc(16px 30px)", "calc(25px + auto)");
-testGridTemplatesSetBadJSValues("minmax(-webkit-min-content, calc())", "calc(10%(");
+testGridTemplatesSetBadJSValues("minmax(min-content, calc())", "calc(10%(");
 
 debug("");
 debug("Test setting grid-template-columns and grid-template-rows back to 'none' through JS");
index b4e81c1..dcf1ebf 100644 (file)
@@ -8,16 +8,16 @@ testGridTemplatesValues(document.getElementById("gridWithEMElement"), "100px 120
 testGridTemplatesValues(document.getElementById("gridWithThreeItems"), "15px auto 100px", "120px 18px auto");
 testGridTemplatesValues(document.getElementById("gridWithPercentAndViewportPercent"), "50% 120px", "35% 168px");
 testGridTemplatesValues(document.getElementById("gridWithFitContentAndFitAvailable"), "none", "none");
-testGridTemplatesValues(document.getElementById("gridWithMinMaxContent"), "-webkit-min-content -webkit-max-content", "-webkit-max-content -webkit-min-content");
+testGridTemplatesValues(document.getElementById("gridWithMinMaxContent"), "min-content max-content", "max-content min-content");
 testGridTemplatesValues(document.getElementById("gridWithMinMaxAndFixed"), "minmax(45px, 30%) 15px", "120px minmax(35%, 10px)");
-testGridTemplatesValues(document.getElementById("gridWithMinMaxAndMinMaxContent"), "minmax(-webkit-min-content, 30%) 15px", "120px minmax(35%, -webkit-max-content)");
+testGridTemplatesValues(document.getElementById("gridWithMinMaxAndMinMaxContent"), "minmax(min-content, 30%) 15px", "120px minmax(35%, max-content)");
 testGridTemplatesValues(document.getElementById("gridWithFractionFraction"), "1fr 2fr", "3fr 4fr");
-testGridTemplatesValues(document.getElementById("gridWithFractionMinMax"), "minmax(-webkit-min-content, 45px) 2fr", "3fr minmax(14px, -webkit-max-content)");
+testGridTemplatesValues(document.getElementById("gridWithFractionMinMax"), "minmax(min-content, 45px) 2fr", "3fr minmax(14px, max-content)");
 testGridTemplatesValues(document.getElementById("gridWithCalcCalc"), "200px 100px", "150px 75px");
 testGridTemplatesValues(document.getElementById("gridWithCalcAndFixed"), "50% 80px", "88px 25%");
-testGridTemplatesValues(document.getElementById("gridWithCalcAndMinMax"), "calc(30px + 20%) minmax(-webkit-min-content, 80px)", "minmax(25%, -webkit-max-content) calc(10% - 7px)");
+testGridTemplatesValues(document.getElementById("gridWithCalcAndMinMax"), "calc(30px + 20%) minmax(min-content, 80px)", "minmax(25%, max-content) calc(10% - 7px)");
 testGridTemplatesValues(document.getElementById("gridWithCalcInsideMinMax"), "minmax(calc(23px + 10%), 400px) 120px", "150px minmax(5%, calc(50% - 125px))");
-testGridTemplatesValues(document.getElementById("gridWithAutoInsideMinMax"), "minmax(auto, 20px) 10%", "-webkit-max-content minmax(-webkit-min-content, auto)");
+testGridTemplatesValues(document.getElementById("gridWithAutoInsideMinMax"), "minmax(auto, 20px) 10%", "max-content minmax(min-content, auto)");
 
 debug("");
 debug("Test the initial value");
@@ -54,7 +54,7 @@ testGridTemplatesSetBadJSValues("none 16em", "none 56%");
 testGridTemplatesSetBadJSValues("none none", "none none");
 testGridTemplatesSetBadJSValues("auto none", "auto none");
 testGridTemplatesSetBadJSValues("auto none 16em", "auto 18em none");
-testGridTemplatesSetBadJSValues("-webkit-fit-content -webkit-fit-content", "-webkit-fit-available -webkit-fit-available");
+testGridTemplatesSetBadJSValues("fit-content fit-content", "-webkit-fit-available -webkit-fit-available");
 // Negative values are not allowed.
 testGridTemplatesSetBadJSValues("-10px minmax(16px, 32px)", "minmax(10%, 15%) -10vw");
 testGridTemplatesSetBadJSValues("10px minmax(16px, -1vw)", "minmax(-1%, 15%) 10vw");
index 1e60d59..6ba2fce 100644 (file)
@@ -8,14 +8,14 @@ testGridTemplatesValues(document.getElementById("gridWithAutoElement"), "auto",
 testGridTemplatesValues(document.getElementById("gridWithEMElement"), "100px", "150px");
 testGridTemplatesValues(document.getElementById("gridWithViewPortPercentageElement"), "64px", "60px");
 testGridTemplatesValues(document.getElementById("gridWithMinMax"), "minmax(10%, 15px)", "minmax(20px, 50%)");
-testGridTemplatesValues(document.getElementById("gridWithMinContent"), "-webkit-min-content", "-webkit-min-content");
-testGridTemplatesValues(document.getElementById("gridWithMaxContent"), "-webkit-max-content", "-webkit-max-content");
+testGridTemplatesValues(document.getElementById("gridWithMinContent"), "min-content", "min-content");
+testGridTemplatesValues(document.getElementById("gridWithMaxContent"), "max-content", "max-content");
 testGridTemplatesValues(document.getElementById("gridWithFraction"), "1fr", "2fr");
 testGridTemplatesValues(document.getElementById("gridWithCalc"), "150px", "75px");
 testGridTemplatesValues(document.getElementById("gridWithCalcComplex"), "calc(50% + 150px)", "calc(65% + 75px)");
 testGridTemplatesValues(document.getElementById("gridWithCalcInsideMinMax"), "minmax(10%, 15px)", "minmax(20px, 50%)");
 testGridTemplatesValues(document.getElementById("gridWithCalcComplexInsideMinMax"), "minmax(10%, calc(50% + 15px))", "minmax(calc(20px + 10%), 50%)");
-testGridTemplatesValues(document.getElementById("gridWithAutoInsideMinMax"), "minmax(auto, 20px)", "minmax(-webkit-min-content, auto)");
+testGridTemplatesValues(document.getElementById("gridWithAutoInsideMinMax"), "minmax(auto, 20px)", "minmax(min-content, auto)");
 
 debug("");
 debug("Test getting wrong values for grid-template-columns and grid-template-rows through CSS (they should resolve to the default: 'none')");
@@ -39,16 +39,16 @@ testNonGridTemplatesSetJSValues("18px", "66px");
 testNonGridTemplatesSetJSValues("55%", "40%");
 testNonGridTemplatesSetJSValues("auto", "auto");
 testNonGridTemplatesSetJSValues("10vw", "25vh", "80px", "150px");
-testNonGridTemplatesSetJSValues("-webkit-min-content", "-webkit-min-content");
-testNonGridTemplatesSetJSValues("-webkit-max-content", "-webkit-max-content");
+testNonGridTemplatesSetJSValues("min-content", "min-content");
+testNonGridTemplatesSetJSValues("max-content", "max-content");
 
 debug("");
 debug("Test getting and setting grid-template-columns and grid-template-rows to minmax() values through JS");
 testNonGridTemplatesSetJSValues("minmax(55%, 45px)", "minmax(30px, 40%)");
 testNonGridTemplatesSetJSValues("minmax(22em, 8vh)", "minmax(10vw, 5em)", "minmax(220px, 48px)", "minmax(80px, 50px)");
-testNonGridTemplatesSetJSValues("minmax(-webkit-min-content, 8vh)", "minmax(10vw, -webkit-min-content)", "minmax(-webkit-min-content, 48px)", "minmax(80px, -webkit-min-content)");
-testNonGridTemplatesSetJSValues("minmax(22em, -webkit-max-content)", "minmax(-webkit-max-content, 5em)", "minmax(220px, -webkit-max-content)", "minmax(-webkit-max-content, 50px)");
-testNonGridTemplatesSetJSValues("minmax(-webkit-min-content, -webkit-max-content)", "minmax(-webkit-max-content, -webkit-min-content)");
+testNonGridTemplatesSetJSValues("minmax(min-content, 8vh)", "minmax(10vw, min-content)", "minmax(min-content, 48px)", "minmax(80px, min-content)");
+testNonGridTemplatesSetJSValues("minmax(22em, max-content)", "minmax(max-content, 5em)", "minmax(220px, max-content)", "minmax(max-content, 50px)");
+testNonGridTemplatesSetJSValues("minmax(min-content, max-content)", "minmax(max-content, min-content)");
 // Unit comparison should be case-insensitive.
 testNonGridTemplatesSetJSValues("3600Fr", "154fR", "3600fr", "154fr", "3600fr", "154fr");
 // Float values are allowed.
index 79e5948..8127290 100644 (file)
     </div>
 </div>
 
-<div class="table" style="width: -webkit-min-content" data-expected-width=80>
+<div class="table" style="width: min-content" data-expected-width=80>
     <div class="td" data-expected-width=60>
         <div class="child"></div>
         <div class="child"></div>
     </div>
 </div>
 
-<div class="table" style="width: -webkit-max-content" data-expected-width=134>
+<div class="table" style="width: max-content" data-expected-width=134>
     <div class="td" data-expected-width=114>
         <div class="child"></div>
         <div class="child"></div>
     </div>
 </div>
 
-<div class="table" style="width: -webkit-fit-content" data-expected-width=134>
+<div class="table" style="width: fit-content" data-expected-width=134>
     <div class="td" data-expected-width=114>
         <div class="child"></div>
         <div class="child"></div>
@@ -49,7 +49,7 @@
 </div>
 
 <div style="width: 134px">
-    <div class="table" style="width: -webkit-fit-content" data-expected-width=134>
+    <div class="table" style="width: fit-content" data-expected-width=134>
         <div class="td" data-expected-width=114>
             <div class="child"></div>
             <div class="child"></div>
@@ -58,7 +58,7 @@
 </div>
 
 <div style="width: 133px">
-    <div class="table" style="width: -webkit-fit-content" data-expected-width=133>
+    <div class="table" style="width: fit-content" data-expected-width=133>
         <div class="td" data-expected-width=113>
             <div class="child"></div>
             <div class="child"></div>
     </div>
 </div>
 
-<div class="table collapse" style="width: -webkit-min-content" data-expected-width=60>
+<div class="table collapse" style="width: min-content" data-expected-width=60>
     <div class="td" data-expected-width=55>
         <div class="child"></div>
         <div class="child"></div>
     </div>
 </div>
 
-<div class="table collapse" style="width: -webkit-max-content" data-expected-width=114>
+<div class="table collapse" style="width: max-content" data-expected-width=114>
     <div class="td" data-expected-width=109>
         <div class="child"></div>
         <div class="child"></div>
     </div>
 </div>
 
-<div class="table collapse" style="width: -webkit-fit-content" data-expected-width=114>
+<div class="table collapse" style="width: fit-content" data-expected-width=114>
     <div class="td" data-expected-width=109>
         <div class="child"></div>
         <div class="child"></div>
 </div>
 
 <div style="width: 114px">
-    <div class="table collapse" style="width: -webkit-fit-content" data-expected-width=114>
+    <div class="table collapse" style="width: fit-content" data-expected-width=114>
         <div class="td" data-expected-width=109>
             <div class="child"></div>
             <div class="child"></div>
 </div>
 
 <div style="width: 113px">
-    <div class="table collapse" style="width: -webkit-fit-content" data-expected-width=113>
+    <div class="table collapse" style="width: fit-content" data-expected-width=113>
         <div class="td" data-expected-width=108>
             <div class="child"></div>
             <div class="child"></div>
index 2f99cec..2d3ed40 100644 (file)
@@ -3,18 +3,27 @@ Tests that the height keywords are parsed.
 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
 
 
+PASS div.style.height is "min-content"
+PASS div.style.minHeight is "min-content"
+PASS div.style.maxHeight is "min-content"
 PASS div.style.height is "-webkit-min-content"
 PASS div.style.minHeight is "-webkit-min-content"
 PASS div.style.maxHeight is "-webkit-min-content"
+PASS div.style.height is "max-content"
+PASS div.style.minHeight is "max-content"
+PASS div.style.maxHeight is "max-content"
 PASS div.style.height is "-webkit-max-content"
 PASS div.style.minHeight is "-webkit-max-content"
 PASS div.style.maxHeight is "-webkit-max-content"
-PASS div.style.height is "-webkit-fill-available"
-PASS div.style.minHeight is "-webkit-fill-available"
-PASS div.style.maxHeight is "-webkit-fill-available"
+PASS div.style.height is "fit-content"
+PASS div.style.minHeight is "fit-content"
+PASS div.style.maxHeight is "fit-content"
 PASS div.style.height is "-webkit-fit-content"
 PASS div.style.minHeight is "-webkit-fit-content"
 PASS div.style.maxHeight is "-webkit-fit-content"
+PASS div.style.height is "-webkit-fill-available"
+PASS div.style.minHeight is "-webkit-fill-available"
+PASS div.style.maxHeight is "-webkit-fill-available"
 PASS successfullyParsed is true
 
 TEST COMPLETE
index 9fa7ff0..8bc8575 100644 (file)
@@ -1,36 +1,39 @@
 <!doctype html>
 <!--
-    Tests that the height keywords are not respected by the parser yet.
+    Tests that the height keywords are respected by the parser.
 -->
 <script src="../../resources/js-test-pre.js"></script>
 
-<div style="height: -webkit-min-content; min-height: -webkit-min-content; max-height: -webkit-min-content;" expected-data="min-content"></div>
-<div style="height: -webkit-max-content; min-height: -webkit-max-content; max-height: -webkit-max-content;" expected-data="max-content"></div>
-<div style="height: -webkit-fill-available; min-height: -webkit-fill-available; max-height: -webkit-fill-available;" expected-data="fill-available"></div>
-<div style="height: -webkit-fit-content; min-height: -webkit-fit-content; max-height: -webkit-fit-content;" expected-data="fit-content"></div>
+<div style="height: -webkit-min-content; min-height: -webkit-min-content; max-height: -webkit-min-content;" expected-data="-webkit-min-content"></div>
+<div style="height: -webkit-max-content; min-height: -webkit-max-content; max-height: -webkit-max-content;" expected-data="-webkit-max-content"></div>
+<div style="height: -webkit-fill-available; min-height: -webkit-fill-available; max-height: -webkit-fill-available;" expected-data="-webkit-fill-available"></div>
+<div style="height: -webkit-fit-content; min-height: -webkit-fit-content; max-height: -webkit-fit-content;" expected-data="-webkit-fit-content"></div>
+
+<div style="height: min-content; min-height: min-content; max-height: min-content;" expected-data="min-content"></div>
+<div style="height: max-content; min-height: max-content; max-height: max-content;" expected-data="max-content"></div>
+<div style="height: fit-content; min-height: fit-content; max-height: fit-content;" expected-data="fit-content"></div>
 
 <script>
     description('Tests that the height keywords are parsed.');
-    var PREFIX = '-webkit-';
 
     var divs = document.querySelectorAll('div.expected-data');
     for (var i = 0; i < divs.length; ++i) {
-        shouldBe('divs[i].style.height', 'PREFIX + divs[i].getAttribute("expected-data")');
-        shouldBe('divs[i].style.minHeight', 'PREFIX + divs[i].getAttribute("expected-data")');
-        shouldBe('divs[i].style.maxHeight', 'PREFIX + divs[i].getAttribute("expected-data")');
+        shouldBe('divs[i].style.height', 'divs[i].getAttribute("expected-data")');
+        shouldBe('divs[i].style.minHeight', 'divs[i].getAttribute("expected-data")');
+        shouldBe('divs[i].style.maxHeight', 'divs[i].getAttribute("expected-data")');
     }
 
-    var KEYWORDS = ['min-content', 'max-content', 'fill-available',  'fit-content'];
+    var KEYWORDS = ['min-content', '-webkit-min-content', 'max-content', '-webkit-max-content',  'fit-content', '-webkit-fit-content', '-webkit-fill-available'];
     var div;
 
     KEYWORDS.forEach(function(keyword) {
         div = document.createElement('div');
-        div.style.height = PREFIX + keyword;
-        div.style.minHeight = PREFIX + keyword;
-        div.style.maxHeight = PREFIX + keyword;
-        shouldBe('div.style.height', '"' + PREFIX + keyword + '"');
-        shouldBe('div.style.minHeight', '"' + PREFIX + keyword + '"');
-        shouldBe('div.style.maxHeight', '"' + PREFIX + keyword + '"');
+        div.style.height = keyword;
+        div.style.minHeight = keyword;
+        div.style.maxHeight = keyword;
+        shouldBe('div.style.height', '"' + keyword + '"');
+        shouldBe('div.style.minHeight', '"' + keyword + '"');
+        shouldBe('div.style.maxHeight', '"' + keyword + '"');
     });
 </script>
 
index 9a5a62a..8187791 100644 (file)
@@ -24,28 +24,28 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- width tests -->
 <div class="container">
-    <div class="child" style="width: -webkit-max-content;" data-expected-width="210">
+    <div class="child" style="width: max-content;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="width: -webkit-min-content;" data-expected-width="110">
+    <div class="child" style="width: min-content;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="width: -webkit-fit-content;" data-expected-width="210">
+    <div class="child" style="width: fit-content;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="width: -webkit-fit-content;" data-expected-width="110">
+    <div class="child" style="width: fit-content;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
@@ -60,28 +60,28 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- min-width tests -->
 <div class="container">
-    <div class="child" style="min-width: -webkit-max-content; width: 10px;" data-expected-width="210">
+    <div class="child" style="min-width: max-content; width: 10px;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="min-width: -webkit-min-content; width: 10px;" data-expected-width="110">
+    <div class="child" style="min-width: min-content; width: 10px;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="210">
+    <div class="child" style="min-width: fit-content; width: 10px;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="110">
+    <div class="child" style="min-width: fit-content; width: 10px;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
@@ -96,28 +96,28 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- max-width tests -->
 <div class="container">
-    <div class="child" style="max-width: -webkit-max-content; width: 1000px;" data-expected-width="210">
+    <div class="child" style="max-width: max-content; width: 1000px;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="max-width: -webkit-min-content; width: 1000px;" data-expected-width="110">
+    <div class="child" style="max-width: min-content; width: 1000px;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="210">
+    <div class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="210">
         <div class="content"></div>
         <div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="110">
+    <div class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="110">
         <div class="content"></div>
         <div class="content"></div>
     </div>
index b5380bb..925a6c2 100644 (file)
@@ -20,25 +20,25 @@ Tests that intrinsic width values on blocks work.
 
 <!-- width tests -->
 <div class="container">
-    <div class="child" style="width: -webkit-max-content;" data-expected-width="210">
+    <div class="child" style="width: max-content;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="width: -webkit-min-content;" data-expected-width="110">
+    <div class="child" style="width: min-content;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="width: -webkit-fit-content;" data-expected-width="210">
+    <div class="child" style="width: fit-content;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="width: -webkit-fit-content;" data-expected-width="110">
+    <div class="child" style="width: fit-content;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
@@ -51,25 +51,25 @@ Tests that intrinsic width values on blocks work.
 
 <!-- min-width tests -->
 <div class="container">
-    <div class="child" style="min-width: -webkit-max-content; width: 10px;" data-expected-width="210">
+    <div class="child" style="min-width: max-content; width: 10px;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="min-width: -webkit-min-content; width: 10px;" data-expected-width="110">
+    <div class="child" style="min-width: min-content; width: 10px;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="210">
+    <div class="child" style="min-width: fit-content; width: 10px;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="110">
+    <div class="child" style="min-width: fit-content; width: 10px;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
@@ -82,25 +82,25 @@ Tests that intrinsic width values on blocks work.
 
 <!-- max-width tests -->
 <div class="container">
-    <div class="child" style="max-width: -webkit-max-content; width: 1000px;" data-expected-width="210">
+    <div class="child" style="max-width: max-content; width: 1000px;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="max-width: -webkit-min-content; width: 1000px;" data-expected-width="110">
+    <div class="child" style="max-width: min-content; width: 1000px;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container">
-    <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="210">
+    <div class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="210">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
 
 <div class="container" style="width: 50px">
-    <div class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="110">
+    <div class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="110">
         <div class="content"></div><div class="content"></div>
     </div>
 </div>
index 84fc0d5..6a505d0 100644 (file)
@@ -20,19 +20,19 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- width tests -->
 <div class="container">
-    <iframe class="child" style="width: -webkit-max-content;" data-expected-width="310"></iframe>
+    <iframe class="child" style="width: max-content;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="width: -webkit-min-content;" data-expected-width="310"></iframe>
+    <iframe class="child" style="width: min-content;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="width: -webkit-fit-content;" data-expected-width="310"></iframe>
+    <iframe class="child" style="width: fit-content;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container" style="width: 50px">
-    <iframe class="child" style="width: -webkit-fit-content;" data-expected-width="310"></iframe>
+    <iframe class="child" style="width: fit-content;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
@@ -41,19 +41,19 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- min-width tests -->
 <div class="container">
-    <iframe class="child" style="min-width: -webkit-max-content; width: 10px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="min-width: max-content; width: 10px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="min-width: -webkit-min-content; width: 10px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="min-width: min-content; width: 10px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="min-width: fit-content; width: 10px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container" style="width: 50px">
-    <iframe class="child" style="min-width: -webkit-fit-content; width: 10px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="min-width: fit-content; width: 10px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
@@ -62,19 +62,19 @@ Tests that intrinsic width values on absolutely positioned element work.
 
 <!-- max-width tests -->
 <div class="container">
-    <iframe class="child" style="max-width: -webkit-max-content; width: 1000px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="max-width: max-content; width: 1000px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="max-width: -webkit-min-content; width: 1000px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="max-width: min-content; width: 1000px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
-    <iframe class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container" style="width: 50px">
-    <iframe class="child" style="max-width: -webkit-fit-content; width: 1000px;" data-expected-width="310"></iframe>
+    <iframe class="child" style="max-width: fit-content; width: 1000px;" data-expected-width="310"></iframe>
 </div>
 
 <div class="container">
index f4b1998..5f10111 100644 (file)
@@ -25,21 +25,21 @@ td {
     </td>
 </table>
 
-<table style="width: -webkit-min-content" data-expected-width=86>
+<table style="width: min-content" data-expected-width=86>
     <td data-expected-width=62>
         <div class="child"></div>
         <div class="child"></div>
     </td>
 </table>
 
-<table style="width: -webkit-max-content" data-expected-width=140>
+<table style="width: max-content" data-expected-width=140>
     <td data-expected-width=116>
         <div class="child"></div>
         <div class="child"></div>
     </td>
 </table>
 
-<table style="width: -webkit-fit-content" data-expected-width=140>
+<table style="width: fit-content" data-expected-width=140>
     <td data-expected-width=116>
         <div class="child"></div>
         <div class="child"></div>
@@ -47,7 +47,7 @@ td {
 </table>
 
 <div style="width: 140px">
-    <table style="width: -webkit-fit-content" data-expected-width=140>
+    <table style="width: fit-content" data-expected-width=140>
         <td data-expected-width=116>
             <div class="child"></div>
             <div class="child"></div>
@@ -56,7 +56,7 @@ td {
 </div>
 
 <div style="width: 139px">
-    <table style="width: -webkit-fit-content" data-expected-width=139>
+    <table style="width: fit-content" data-expected-width=139>
         <td data-expected-width=115>
             <div class="child"></div>
             <div class="child"></div>
@@ -80,21 +80,21 @@ td {
     </td>
 </table>
 
-<table class="collapse" style="width: -webkit-min-content" data-expected-width=62>
+<table class="collapse" style="width: min-content" data-expected-width=62>
     <td data-expected-width=57>
         <div class="child"></div>
         <div class="child"></div>
     </td>
 </table>
 
-<table class="collapse" style="width: -webkit-max-content" data-expected-width=116>
+<table class="collapse" style="width: max-content" data-expected-width=116>
     <td data-expected-width=111>
         <div class="child"></div>
         <div class="child"></div>
     </td>
 </table>
 
-<table class="collapse" style="width: -webkit-fit-content" data-expected-width=116>
+<table class="collapse" style="width: fit-content" data-expected-width=116>
     <td data-expected-width=111>
         <div class="child"></div>
         <div class="child"></div>
@@ -102,7 +102,7 @@ td {
 </table>
 
 <div style="width: 116px">
-    <table class="collapse" style="width: -webkit-fit-content" data-expected-width=116>
+    <table class="collapse" style="width: fit-content" data-expected-width=116>
         <td data-expected-width=111>
             <div class="child"></div>
             <div class="child"></div>
@@ -111,7 +111,7 @@ td {
 </div>
 
 <div style="width: 115px">
-    <table class="collapse" style="width: -webkit-fit-content" data-expected-width=115>
+    <table class="collapse" style="width: fit-content" data-expected-width=115>
         <td data-expected-width=110>
             <div class="child"></div>
             <div class="child"></div>
index 1a2cf73..75e1ae9 100644 (file)
@@ -8,10 +8,16 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
 -webkit-max-content
 -webkit-fill-available
 -webkit-fit-content
+min-content
+max-content
+fit-content
+PASS div.style.width is "min-content"
 PASS div.style.width is "-webkit-min-content"
+PASS div.style.width is "max-content"
 PASS div.style.width is "-webkit-max-content"
-PASS div.style.width is "-webkit-fill-available"
+PASS div.style.width is "fit-content"
 PASS div.style.width is "-webkit-fit-content"
+PASS div.style.width is "-webkit-fill-available"
 PASS successfullyParsed is true
 
 TEST COMPLETE
index 618d392..9ef6aeb 100644 (file)
@@ -5,6 +5,9 @@
 <div style="width: -webkit-max-content"></div>
 <div style="width: -webkit-fill-available"></div>
 <div style="width: -webkit-fit-content"></div>
+<div style="width: min-content"></div>
+<div style="width: max-content"></div>
+<div style="width: fit-content"></div>
 
 <script>
     description('Tests that the width keywords are respected by the parser and then returned by the style object. Should output each keyword on a line, and then a bunch of PASS comparisons for dynamic checks.');
         debug(divs[i].style.width);
     }
 
-    var PREFIX = '-webkit-';
-    var KEYWORDS = ['min-content', 'max-content', 'fill-available',  'fit-content'];
+    var KEYWORDS = ['min-content', '-webkit-min-content', 'max-content', '-webkit-max-content', 'fit-content', '-webkit-fit-content', '-webkit-fill-available'];
     var div;
 
     KEYWORDS.forEach(function(keyword) {
         div = document.createElement('div');
-        div.style.width = PREFIX + keyword;
-        shouldBeEqualToString('div.style.width', PREFIX + keyword);
+        div.style.width = keyword;
+        shouldBeEqualToString('div.style.width', keyword);
     });
 </script>
 
index e01efe0..dc40f0b 100644 (file)
@@ -4,7 +4,7 @@
 <script src="../../resources/js-test.js"></script>
 <style>
 .grid { display: grid; }
-.intrinsicSize { height: -webkit-min-content; }
+.intrinsicSize { height: min-content; }
 .fixedSize { height: 1px; }
 </style>
 
index 6fe9312..5af17b9 100644 (file)
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow1;"></div>
             <div class="content" style="-webkit-flow-into: flow1;"></div>
-            <div class="region" style="-webkit-flow-from: flow1; width: -webkit-min-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow1; width: min-content;" data-expected-width="110"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow2;"></div>
             <div class="content" style="-webkit-flow-into: flow2;"></div>
-            <div class="region" style="-webkit-flow-from: flow2; width: -webkit-max-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow2; width: max-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow3;"></div>
             <div class="content" style="-webkit-flow-into: flow3;"></div>
-            <div class="region" style="-webkit-flow-from: flow3; width: -webkit-fit-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow3; width: fit-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
         <div class="regionContainer" style="width: 50px;">
             <div class="content" style="-webkit-flow-into: flow5;"></div>
             <div class="content" style="-webkit-flow-into: flow5;"></div>
-            <div class="region" style="-webkit-flow-from: flow5; width: -webkit-fit-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow5; width: fit-content;" data-expected-width="110"></div>
         </div>
 
         <!-- min-width tests -->
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow6;"></div>
             <div class="content" style="-webkit-flow-into: flow6;"></div>
-            <div class="region" style="-webkit-flow-from: flow6; width: 20px; min-width: -webkit-min-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow6; width: 20px; min-width: min-content;" data-expected-width="110"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow7;"></div>
             <div class="content" style="-webkit-flow-into: flow7;"></div>
-            <div class="region" style="-webkit-flow-from: flow7; width: 20px; min-width: -webkit-max-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow7; width: 20px; min-width: max-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow8;"></div>
             <div class="content" style="-webkit-flow-into: flow8;"></div>
-            <div class="region" style="-webkit-flow-from: flow8; width: 20px; min-width: -webkit-fit-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow8; width: 20px; min-width: fit-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
         <div class="regionContainer" style="width: 50px;">
             <div class="content" style="-webkit-flow-into: flow10;"></div>
             <div class="content" style="-webkit-flow-into: flow10;"></div>
-            <div class="region" style="-webkit-flow-from: flow10; width: 20px; min-width: -webkit-fit-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow10; width: 20px; min-width: fit-content;" data-expected-width="110"></div>
         </div>
 
         <!-- max-width tests -->
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow11;"></div>
             <div class="content" style="-webkit-flow-into: flow11;"></div>
-            <div class="region" style="-webkit-flow-from: flow11; width: 1000px; max-width: -webkit-min-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow11; width: 1000px; max-width: min-content;" data-expected-width="110"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow12;"></div>
             <div class="content" style="-webkit-flow-into: flow12;"></div>
-            <div class="region" style="-webkit-flow-from: flow12; width: 1000px; max-width: -webkit-max-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow12; width: 1000px; max-width: max-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
             <div class="content" style="-webkit-flow-into: flow13;"></div>
             <div class="content" style="-webkit-flow-into: flow13;"></div>
-            <div class="region" style="-webkit-flow-from: flow13; width: 1000px; max-width: -webkit-fit-content;" data-expected-width="210"></div>
+            <div class="region" style="-webkit-flow-from: flow13; width: 1000px; max-width: fit-content;" data-expected-width="210"></div>
         </div>
 
         <div class="regionContainer">
         <div class="regionContainer" style="width: 50px;">
             <div class="content" style="-webkit-flow-into: flow15;"></div>
             <div class="content" style="-webkit-flow-into: flow15;"></div>
-            <div class="region" style="-webkit-flow-from: flow15; width: 1000px; max-width: -webkit-fit-content;" data-expected-width="110"></div>
+            <div class="region" style="-webkit-flow-from: flow15; width: 1000px; max-width: fit-content;" data-expected-width="110"></div>
         </div>
 
         <script src="../../resources/check-layout.js"></script>
index 7131f73..8c62f62 100644 (file)
@@ -56,7 +56,7 @@
         <div id="container">
             <div class="region21 region3 region">
                 <div class="content content3">
-                    <p class="no_overflow break" style="min-width: -webkit-max-content;">Linetext1 ZZ</p>
+                    <p class="no_overflow break" style="min-width: max-content;">Linetext1 ZZ</p>
                 </div>
             </div>
             <div class="region2 region">
index fbcd6a1..d2b1675 100644 (file)
@@ -5,7 +5,7 @@
 <style>
 .minWidth { 
     width: 0px; 
-       min-width: -webkit-min-content;
+       min-width: min-content;
 }
 
 .minWidth::before { 
@@ -14,7 +14,7 @@
 
 .maxWidth { 
     width: 0px; 
-       max-width: -webkit-max-content;
+       max-width: max-content;
 }
 
 .maxWidth::before { 
index f92302b..4f35c14 100644 (file)
@@ -11,8 +11,8 @@ if (window.testRunner)
 PASS if no assert in debug.
 <table style="-webkit-writing-mode: vertical-rl;">
 <tbody>
-       <tr style="width: -webkit-min-content;"></tr> 
-       <tr style="width: -webkit-max-content;"></tr> 
+       <tr style="width: min-content;"></tr> 
+       <tr style="width: max-content;"></tr> 
        <tr style="width: calc(50px - 10%);"></tr> 
 </tbody>
 </table>
index efb41c6..9dc1adb 100644 (file)
@@ -3,7 +3,7 @@
 p {
     width: 300px;
     display: table-cell;
-    min-width: -webkit-min-content;
+    min-width: min-content;
 }
 </style>
 <p><object type="image/svg+xml" data="resources/intrinsic-ratio.svg"></object></p>
index f34d942..72a9d6a 100644 (file)
@@ -1,3 +1,41 @@
+2017-03-13  Manuel Rego Casasnovas  <rego@igalia.com>
+
+        Unprefix -webkit-min-content, -webkit-max-content and -webkit-fit-content
+        https://bugs.webkit.org/show_bug.cgi?id=169195
+
+        Reviewed by Sergio Villar Senin.
+
+        Based on Blink r200846 by <cbiesinger@chromium.org>.
+        https://src.chromium.org/viewvc/blink?revision=200846&view=revision
+
+        This patch adds support for the unprefixed version of these properties,
+        while it keeps the prefixed ones working too.
+        -webkit-fill-available is left out of this change, as the CSS WG
+        is still defining the final keyword and behavior.
+
+        With this patch WebKit will be in the same situation than Blink
+        regarding these intrinsic sizing keywords (see http://crbug.com/245157).
+
+        Test: fast/css-intrinsic-dimensions/height-property-value.html
+              fast/css-intrinsic-dimensions/width-property-value.html
+
+        * css/CSSPrimitiveValue.cpp:
+        (WebCore::CSSPrimitiveValue::init):
+        * css/CSSValueKeywords.in:
+        * css/StyleBuilderConverter.h:
+        (WebCore::StyleBuilderConverter::convertLengthSizing):
+        (WebCore::StyleBuilderConverter::createGridTrackBreadth):
+        * css/html.css:
+        (fieldset):
+        * css/parser/CSSPropertyParser.cpp:
+        (WebCore::validWidthOrHeightKeyword):
+        (WebCore::isGridTrackFixedSized):
+        (WebCore::consumeGridBreadth):
+        * html/track/TextTrackCueGeneric.cpp:
+        (WebCore::TextTrackCueGenericBoxElement::applyCSSProperties):
+        * html/track/VTTCue.cpp:
+        (WebCore::VTTCueBox::applyCSSProperties):
+
 2017-03-13  Dean Jackson  <dino@apple.com>
 
         WebGPU remote layer hosting
index 482fd3d..7376cb4 100644 (file)
@@ -395,11 +395,11 @@ void CSSPrimitiveValue::init(const Length& length)
         return;
     case MinContent:
         m_primitiveUnitType = CSS_VALUE_ID;
-        m_value.valueID = CSSValueWebkitMinContent;
+        m_value.valueID = CSSValueMinContent;
         return;
     case MaxContent:
         m_primitiveUnitType = CSS_VALUE_ID;
-        m_value.valueID = CSSValueWebkitMaxContent;
+        m_value.valueID = CSSValueMaxContent;
         return;
     case FillAvailable:
         m_primitiveUnitType = CSS_VALUE_ID;
@@ -407,7 +407,7 @@ void CSSPrimitiveValue::init(const Length& length)
         return;
     case FitContent:
         m_primitiveUnitType = CSS_VALUE_ID;
-        m_value.valueID = CSSValueWebkitFitContent;
+        m_value.valueID = CSSValueFitContent;
         return;
     case Percent:
         m_primitiveUnitType = CSS_PERCENTAGE;
index c044e48..f415324 100644 (file)
@@ -680,9 +680,12 @@ min-intrinsic
 //
 // CSS3 intrinsic dimension keywords
 //
+min-content
 -webkit-min-content
+max-content
 -webkit-max-content
 -webkit-fill-available
+fit-content
 -webkit-fit-content
 
 //
@@ -1257,7 +1260,6 @@ span
 
 // grid-template-{columns|rows}
 minmax
-fit-content
 
 // grid-auto-flow
 auto-flow
index d28a8ca..462afe4 100644 (file)
@@ -211,12 +211,15 @@ inline Length StyleBuilderConverter::convertLengthSizing(StyleResolver& styleRes
         return Length(Intrinsic);
     case CSSValueMinIntrinsic:
         return Length(MinIntrinsic);
+    case CSSValueMinContent:
     case CSSValueWebkitMinContent:
         return Length(MinContent);
+    case CSSValueMaxContent:
     case CSSValueWebkitMaxContent:
         return Length(MaxContent);
     case CSSValueWebkitFillAvailable:
         return Length(FillAvailable);
+    case CSSValueFitContent:
     case CSSValueWebkitFitContent:
         return Length(FitContent);
     case CSSValueAuto:
@@ -835,10 +838,10 @@ inline ScrollSnapAlign StyleBuilderConverter::convertScrollSnapAlign(StyleResolv
 
 inline GridLength StyleBuilderConverter::createGridTrackBreadth(const CSSPrimitiveValue& primitiveValue, StyleResolver& styleResolver)
 {
-    if (primitiveValue.valueID() == CSSValueWebkitMinContent)
+    if (primitiveValue.valueID() == CSSValueMinContent || primitiveValue.valueID() == CSSValueWebkitMinContent)
         return Length(MinContent);
 
-    if (primitiveValue.valueID() == CSSValueWebkitMaxContent)
+    if (primitiveValue.valueID() == CSSValueMaxContent || primitiveValue.valueID() == CSSValueWebkitMaxContent)
         return Length(MaxContent);
 
     // Fractional unit.
index 35610fd..e2de33e 100644 (file)
@@ -345,7 +345,7 @@ fieldset {
     -webkit-padding-end: 0.75em;
     -webkit-padding-after: 0.625em;
     border: 2px groove ThreeDFace;
-    min-width: -webkit-min-content;
+    min-width: min-content;
 }
 
 button {
index 3d3b6c3..8a66b74 100644 (file)
@@ -1286,10 +1286,9 @@ static RefPtr<CSSValue> consumeTextIndent(CSSParserTokenRange& range, CSSParserM
     return list;
 }
 
-// FIXME-NEWPARSER: Drop the prefix on min-content, max-content and fit-content.
 static bool validWidthOrHeightKeyword(CSSValueID id, const CSSParserContext& /*context*/)
 {
-    if (id == CSSValueIntrinsic || id == CSSValueMinIntrinsic || id == CSSValueWebkitMinContent || id == CSSValueWebkitMaxContent || id == CSSValueWebkitFillAvailable || id == CSSValueWebkitFitContent) {
+    if (id == CSSValueIntrinsic || id == CSSValueMinIntrinsic || id == CSSValueMinContent || id == CSSValueWebkitMinContent || id == CSSValueMaxContent || id == CSSValueWebkitMaxContent || id == CSSValueWebkitFillAvailable || id == CSSValueFitContent || id == CSSValueWebkitFitContent) {
         return true;
     }
     return false;
@@ -3157,7 +3156,7 @@ static RefPtr<CSSValue> consumeGridLine(CSSParserTokenRange& range)
 static bool isGridTrackFixedSized(const CSSPrimitiveValue& primitiveValue)
 {
     CSSValueID valueID = primitiveValue.valueID();
-    if (valueID == CSSValueWebkitMinContent || valueID == CSSValueWebkitMaxContent || valueID == CSSValueAuto || primitiveValue.isFlex())
+    if (valueID == CSSValueMinContent || valueID == CSSValueWebkitMinContent || valueID == CSSValueMaxContent || valueID == CSSValueWebkitMaxContent || valueID == CSSValueAuto || primitiveValue.isFlex())
         return false;
 
     return true;
@@ -3275,7 +3274,7 @@ static bool parseGridTemplateAreasRow(const String& gridRowNames, NamedGridAreaM
 static RefPtr<CSSPrimitiveValue> consumeGridBreadth(CSSParserTokenRange& range, CSSParserMode cssParserMode)
 {
     const CSSParserToken& token = range.peek();
-    if (identMatches<CSSValueWebkitMinContent, CSSValueWebkitMaxContent, CSSValueAuto>(token.id()))
+    if (identMatches<CSSValueMinContent, CSSValueWebkitMinContent, CSSValueMaxContent, CSSValueWebkitMaxContent, CSSValueAuto>(token.id()))
         return consumeIdent(range);
     if (token.type() == DimensionToken && token.unitType() == CSSPrimitiveValue::UnitType::CSS_FR) {
         if (range.peek().numericValue() < 0)
index ea6ee73..0016c70 100644 (file)
@@ -110,10 +110,10 @@ void TextTrackCueGenericBoxElement::applyCSSProperties(const IntSize& videoSize)
         maxSize = 100.0 - textPosition;
 
     if (cue->getWritingDirection() == VTTCue::Horizontal) {
-        setInlineStyleProperty(CSSPropertyMinWidth, "-webkit-min-content");
+        setInlineStyleProperty(CSSPropertyMinWidth, "min-content");
         setInlineStyleProperty(CSSPropertyMaxWidth, maxSize, CSSPrimitiveValue::CSS_PERCENTAGE);
     } else {
-        setInlineStyleProperty(CSSPropertyMinHeight, "-webkit-min-content");
+        setInlineStyleProperty(CSSPropertyMinHeight, "min-content");
         setInlineStyleProperty(CSSPropertyMaxHeight, maxSize, CSSPrimitiveValue::CSS_PERCENTAGE);
     }
 
index e858f39..96dff80 100644 (file)
@@ -188,14 +188,14 @@ void VTTCueBox::applyCSSProperties(const IntSize& videoSize)
     if (m_cue.vertical() == horizontalKeyword()) {
         setInlineStyleProperty(CSSPropertyWidth, newCueSize, CSSPrimitiveValue::CSS_PERCENTAGE);
         setInlineStyleProperty(CSSPropertyHeight, CSSValueAuto);
-        setInlineStyleProperty(CSSPropertyMinWidth, "-webkit-min-content");
+        setInlineStyleProperty(CSSPropertyMinWidth, "min-content");
         setInlineStyleProperty(CSSPropertyMaxWidth, maxSize, CSSPrimitiveValue::CSS_PERCENTAGE);
         if ((alignment == CSSValueMiddle || alignment == CSSValueCenter) && multiplier != 1.0)
             setInlineStyleProperty(CSSPropertyLeft, static_cast<double>(position.first - (newCueSize - m_cue.getCSSSize()) / 2), CSSPrimitiveValue::CSS_PERCENTAGE);
     } else {
         setInlineStyleProperty(CSSPropertyWidth, CSSValueAuto);
         setInlineStyleProperty(CSSPropertyHeight, newCueSize, CSSPrimitiveValue::CSS_PERCENTAGE);
-        setInlineStyleProperty(CSSPropertyMinHeight, "-webkit-min-content");
+        setInlineStyleProperty(CSSPropertyMinHeight, "min-content");
         setInlineStyleProperty(CSSPropertyMaxHeight, maxSize, CSSPrimitiveValue::CSS_PERCENTAGE);
         if ((alignment == CSSValueMiddle || alignment == CSSValueCenter) && multiplier != 1.0)
             setInlineStyleProperty(CSSPropertyTop, static_cast<double>(position.second - (newCueSize - m_cue.getCSSSize()) / 2), CSSPrimitiveValue::CSS_PERCENTAGE);