Don't attempt to compute auto margins within an unconstrained available size.

jfkthame · moz-wptsync-bot · commit 9b4dbd4ec823 · 2025-05-30T09:09:50.000+01:00
Differential Revision: https://phabricator.services.mozilla.com/D251655 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1959395 gecko-commit: 968271f7feb54de3263a8887dd3680e08b49e0ff gecko-reviewers: layout-reviewers, emilio
diff --git a/css/css-writing-modes/orthogonal-cell-001-ref.html b/css/css-writing-modes/orthogonal-cell-001-ref.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<title>CSS writing-mode reference</title>
+
+<style>
+table { margin: 10px; }
+td { background: green; padding: 10px 20px 30px 40px; }
+div { width: 20px; height: 40px; background: blue; }
+</style>
+
+<p>All five green squares should look the same, with a blue rectangle towards the upper right.</p>
+
+<table>
+  <td><div></div></td>
+</table>
+
+<table>
+  <td><div></div></td>
+</table>
+
+<table>
+  <td><div></div></td>
+</table>
+
+<table>
+  <td><div></div></td>
+</table>
+
+<table>
+  <td><div></div></td>
+</table>
diff --git a/css/css-writing-modes/orthogonal-cell-001.html b/css/css-writing-modes/orthogonal-cell-001.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+
+<title>CSS writing-mode test: orthogonal table cells</title>
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1959395">
+<link rel="match" href="orthogonal-cell-001-ref.html">
+
+<style>
+table { margin: 10px; }
+td { background: green; padding: 10px 20px 30px 40px; }
+div { width: 20px; height: 40px; background: blue; }
+.htb { writing-mode: horizontal-tb; }
+.vlr { writing-mode: vertical-lr; }
+.vrl { writing-mode: vertical-rl; }
+</style>
+
+<p>All five green squares should look the same, with a blue rectangle towards the upper right.</p>
+
+<table>
+  <td><div></div></td>
+</table>
+
+<!-- The different writing modes should not disrupt the table cell/row sizing. -->
+<table class=htb>
+  <td class=vlr><div></div></td>
+</table>
+
+<table class=htb>
+  <td class=vrl><div></div></td>
+</table>
+
+<table class=vlr>
+  <td class=htb><div></div></td>
+</table>
+
+<table class=vrl>
+  <td class=htb><div></div></td>
+</table>
