layout/reftests/css-grid/grid-clamping-002.html
author Masayuki Nakano <masayuki@d-toybox.com>
Thu, 02 Feb 2023 05:09:15 +0000
changeset 651452 20512741e7b60f3f6791002d8311d681f9242e68
parent 277422 5e1c24beaa5bea7fd9e088ad2c49c9aa94ccb78a
permissions -rw-r--r--
Bug 1812170 - Make `HTMLEditor::ClearStyleAt` should return `pointToPutCaret` if next node of first split is not split r=m_kato The new path added in bug 1807829 hits the odd result case of `ClearStyleAt`. `pointToPutCaret` may be updated if the preceding split occurs. Therefore, it should be returned if it does not split next nodes after the first split instead of returning unset point (because of not splitting the point, `unwrappedSplitNodeResult.AtSplitPoint` may return unset point, therefore, it may return unset point in the case). Additionally, I forgot to split delete `SplitNodeResult::mCaretPoint` in bug 1792654, and it causes `SplitNodeDeepWithTransaction` returns unset caret point. This patch fixes this bug too. Differential Revision: https://phabricator.services.mozilla.com/D168179

<!DOCTYPE HTML>
<html><head>
    <meta charset="utf-8">
    <title>Testcase: Clamp number of auto-fill tracks</title>
    <style type="text/css">
html,body { color:black; background-color:white; font-size:16px; padding:0; margin:0; }
	
.grid {
  display: grid;
  position: fixed;
  bottom: 0;
  height: 9999px; /* results in 9999 rows, i.e. the max line is 10000 */
  grid-template-rows: repeat(auto-fill, 1px);
  grid-template-columns: 10px;
  grid-auto-flow: column;
  border: 1px solid;
}

x {
  position: absolute;
  grid-row-start: span 2;
  top:0; bottom:0; left:10px; width:20px;
  background: grey;
}
y { background:blue; }
y:nth-of-type(2n+1) { background:lime; }
    </style>
</head>
<body>

    <div class="grid">
        <span style="grid-row: 1/ span 9995; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>

    <div class="grid" style="left:50px;">
        <span style="grid-row: 1/ span 9996; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>

    <div class="grid" style="left:100px;">
        <span style="grid-row: 1/ span 9997; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>

    <div class="grid" style="left:150px;">
        <span style="grid-row: 1/ span 9998; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>

    <div class="grid" style="left:150px;">
        <span style="grid-row: 1/ span 9999; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>

    <div class="grid" style="left:200px;">
        <span style="grid-row: 1/ span 10000; background:yellow"></span>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <y></y><y></y><y></y><y></y><y></y><y></y>
        <x></x>
    </div>


</body>
</html>