<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>scripts rendering from in-flow children</title>
<link rel="help" href="https://w3c.github.io/mathml-core/#script-and-limit-schemata">
<meta name="assert" content="Verify rendering of scripts and limits is only affected by in-flow children.">
<style>
.oof1 {
position: absolute;
}
.oof2 {
position: fixed;
}
.nobox {
display: none;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/mathml/support/layout-comparison.js"></script>
<script>
setup({ explicit_done: true });
window.addEventListener("load", runTests);
function runTests() {
let container = document.querySelector("#container");
const epsilon = 1;
for (let math of container.children) {
let tagName = math.id;
let element = math.firstElementChild;
let reference = element.nextElementSibling;
test(function() {
compareLayout(element, reference, epsilon);
}, `Rendering of ${tagName} should only be affected by in-flow children`);
}
done();
}
</script>
</head>
<body>
<div id="log"></div>
<div id="container">
<math id="mmultiscripts">
<mmultiscripts>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="96px" height="48px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="48px" height="32px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mprescripts/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="16px" height="48px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</mmultiscripts>
<mmultiscripts>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" height="16px" style="background: lightgreen"/>
<mspace width="96px" height="48px" style="background: lightgreen"/>
<mspace width="48px" height="32px" style="background: lightgreen"/>
<mprescripts/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="16px" height="48px" style="background: lightsalmon"/>
</mmultiscripts>
</math>
<math id="munder">
<munder>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</munder>
<munder>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
</munder>
</math>
<math id="mover">
<mover>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</mover>
<mover>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
</mover>
</math>
<math id="munderover">
<munderover>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</munderover>
<munderover>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
</munderover>
</math>
<math id="msub">
<msub>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</msub>
<msub>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
</msub>
</math>
<math id="msup">
<msup>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</msup>
<msup>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
</msup>
</math>
<math id="msubsup">
<msubsup>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
<mspace width="32px" class="oof1"/>
<mspace width="16px" class="oof2"/>
<mspace width="8px" class="nobox"/>
</msubsup>
<msubsup>
<mspace width="128px" height="24px" style="background: lightblue"/>
<mspace width="64px" height="8px" style="background: lightgreen"/>
<mspace width="32px" height="16px" style="background: lightsalmon"/>
</msubsup>
</math>
</div>
</body>
</html>
Codebase Browser
chromium