Blitz - WPT: logicalprops-quirklength.html

wpt / css / css-logical / logicalprops-quirklength.html

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

Subtest	Status	Message
Check that "block-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "min-block-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "max-block-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "inline-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "min-inline-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "max-inline-size: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "margin-block-start: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "margin-block-end: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "margin-inline-start: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object
Check that "margin-inline-end: 1" is not valid in quirks mode	FAIL	cannot convert 'null' or 'undefined' to object

Enable JavaScript in test iframe

/css/css-logical/logicalprops-quirklength.html

<meta charset="utf-8">
<title>CSS Logical Properties</title>
<link rel="author" title="Xu Xing" href="mailto:openxu@gmail.com">
<link rel="help" href="https://drafts.csswg.org/css-logical-props-1/#logical-dimension-properties">
<link rel="help" href="https://drafts.csswg.org/css-logical-props-1/#logical-prop">
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#logical-to-physical">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<style> #dummy {} </style>

<script>
function isValidDeclaration(cssText) {
  var cssRule = document.styleSheets[0].cssRules[0];
  cssRule.style = cssText;
  var valid = (cssRule.style.length > 0);
  cssRule.style = "";
  return valid;
}
var tests = [
  {cssText:"block-size: 1"},
  {cssText:"min-block-size: 1"},
  {cssText:"max-block-size: 1"},
  {cssText:"inline-size: 1"},
  {cssText:"min-inline-size: 1"},
  {cssText:"max-inline-size: 1"},
  {cssText:"margin-block-start: 1"},
  {cssText:"margin-block-end: 1"},
  {cssText:"margin-inline-start: 1"},
  {cssText:"margin-inline-end: 1"},
];

tests.forEach(function(t) {
  test(() => assert_false(isValidDeclaration(t.cssText)), 'Check that "' + t.cssText + '" is not valid in quirks mode');
});
</script>