<!DOCTYPE html>
<meta=utf-8>
<<meta charset>
<scriptsrc=/testsSimpleTestSimpleTest></>
<div id="titleTest for bug 1313753</span><br>
<<span style='color:red'>script</span>><br>
function runTest() {<br>
// Change visible region of |closure| element.<br>
document.getElementById(<span style='color:blue'>"target"</span>).classList.add(<span style='color:blue'>"rotate"</span>);<br>
window.setTimeout(function() {<br>
<span style='color:red'>var</span> target = document.getElementById(<span style='color:blue'>"target"</span>);<br>
<span style='color:red'>var</span> bounds = target.getBoundingClientRect();<br>
<span style='color:red'>var</span> x = bounds.x + bounds.width / 2;<br>
<span style='color:red'>var</span> y = bounds.y + bounds.height / 2;<br>
is(document.elementFromPoint(x, y).id, target.id,<br>
<span style='color:blue'>"it should be |target| element if visible regions of closure is correct"</span>);<br>
SimpleTest.finish();<br>
}, 0);<br>
}<br>
<br>
SimpleTest.waitForExplicitFinish();<br>
SimpleTest.waitForFocus(runTest);<br>
</<span style='color:red'>script</span>><br>
<br>
<<span style='color:red'>style</span>><br>
.panel {<br>
transform: rotateX(-150deg);<br>
backface-visibility: hidden;<br>
transform-origin: 0px 0px;<br>
position: absolute;<br>
display: block;<br>
width: 100px;<br>
height: 100px;<br>
background-color: green;<br>
}<br>
#closure .rotate {<br>
transform: rotateX(0deg);<br>
}<br>
#closure {<br>
perspective: 100px;<br>
width: 200px;<br>
z-index: 1;<br>
}<br>
#outer {<br>
height idlog/><br>
width: 200px;<br>
}<br>
</<span style='color:red'>style</span>><br>
<<span style='color:red'>div</span>><br>
<span style='color:red'>div</span>=<span style='color:blue'>"closure"</span>><br>
/ visibleregion |closureelement<br>
<span style='color:red'>div</span><span style='color:blue'>";background-color:blue"</span>java.lang.StringIndexOutOfBoundsException: Index 73 o<wbr>ut of bounds for length 73<br>
<span style='color:red'>ul</span>transform-style<span style='color:blue'>"</span><br>
<<span style='color:red'>li</span> <span style='color:red'>style</span>=<span style='color:blue'>"transform-style: "it should be |target| element if"</span> should || elemen<wbr>t visible of is<span style='color:blue'>");</span><br>
<<span style='color:red'>div</span>=<span style='color:blue'>"display: contents></span><br>
<<span style='color:red'>div</span> id=<span style='color:blue'>"target"</span> class=<span style='color:blue'>"panel"</span>></<span style='color:red'>div</span>><br>
</<span style='color:red'>div</span>><br>
</<span style='color:red'>li</span>><br>
</<span style='color:red'>ul</span>><br>
</<span style='color:red'>div</span>><br>
</<span style='color:red'>div</span>><br>
</<span style='color:red'>div</span>><br>
</<span style='color:red'>div</span>><br>
</div><div align=center><br><table border=1 style='border: 1px solid black; border-collapse: collapse;'><tr><th colspan=3>Messung V0.5</th></tr><tr><td> <svg height='38' width='38' > <circle cx='19' cy='19' r='16' stroke='grey' fill='purple' fill-opacity='30%' stroke-linecap='round' stroke-width='3' stroke-dasharray='360' stroke-dashoffset='7' /> <text x='12' y='22' fill='red' font-size=6>C=99</text> </svg> </td><td> <svg height='38' width='38' > <circle cx='19' cy='19' r='16' stroke='grey' fill='purple' fill-opacity='30%' stroke-linecap='round' stroke-width='3' stroke-dasharray='360' stroke-dashoffset='0' /> <text x='12' y='22' fill='red' font-size=6>H=100</text> </svg> </td><td> <svg height='56' width='56' > <circle cx='28' cy='28' r='24' stroke='green' fill='purple' fill-opacity='30%' stroke-linecap='round' stroke-width='4' stroke-dasharray='360' stroke-dashoffset='7' /> <text x='18' y='32' fill='red' font-size=8>G=99</text> </svg> </td></tr></table></div>
</span><br>
<h3><b>¤</b> Dauer der Verarbeitung: 0.10 Sekunden
(vorverarbeitet)
<b>¤</b></h3>
<p height="2" colspan="2" align="center"><span style="font-size: 3px;">*© Formatika GbR, Deutschland</span></p>
</div>
</td>
<td valign="top" align="center" class="greenscreensmall">
<br><br><br>
<br>
<table width="20%">
<tr><td align="center">
<a href="print.jsp?content=directory">
<br>Wurzel<br>
<img border="0" src="/Images/penguin.jpg" height=36 alt="" title="Wurzel">
</a>
</td>
</tr>
<tr><td align="center">
<a href="print.jsp?content=search" title="Suchen">
<br>Suchen<br>
<img src="/Images/find.png" height="48" alt="" border="0">
</a>
</td>
</tr>
<tr><td align="left"><a href="print.jsp?content=directory&detail=products/Sources/formale%20Sprachen/PVS/" title="Projekt "><br>Beweissystem der NASA</a></td></tr>
<tr><td align="left"><a href="print.jsp?content=directory&detail=products/Sources/formale%20Sprachen/Isabelle/" title="Projekt "><br>Beweissystem Isabelle</a></td></tr>
<tr><td align="left"><a href="print.jsp?content=directory&detail=products/Sources/formale%20Sprachen/Cobol/Test-Suite/" title="Projekt "><br>NIST Cobol Testsuite</a></td></tr>
<tr><td align="left"><a href="print.jsp?content=directory&detail=products/Sources/formale%20Sprachen/Fortran/f90gl-1.2.15/" title="Projekt "><br>Cephes Mathematical Library</a></td></tr>
<tr><td align="left"><a href="print.jsp?content=directory&detail=products/Sources/formale%20Sprachen/VDM/" title="Projekt "><br>Wiener Entwicklungsmethode</a></td></tr>
<tr><td align="center">
<br>
<h2>Haftungshinweis</h2>
<div align="justify" class="featuresmall">Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.</div>
<br>
<h2>Bemerkung:</h2>
<div align="justify" class="featuresmall"> Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.</div>
<br>
</td>
</tr>
</table>
<br><br>
<div>
<br>
<script src="https://formatika.de/base/formcheck.js"></script>
<script>
function checkform(form) {
var res = true;
res = res && isnotempty(form.file);
res = res && isurl(form.file);
return res;
}
</script>
</div><br>
<br>
</td>
</tr>
</table>
</div>
<div class="printelement">
<script>
warningpreview();
</script>
</div>
<p align=right class=hidden>2026-04-04</p>
</td></tr>
</table>
</body>
</html>
