mozilla-central/devtools/client/shared/test/doc_html_tooltip_arrow-02.xhtml

Source code

Revision control

Copy as Markdown

Other Tools

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/global.css"?>
<?xml-stylesheet href="chrome://devtools/skin/light-theme.css"?>
<window class="theme-light"
title="Tooltip test">
<vbox flex="1" style="position: relative">
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 0; left: 0; width: 50px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 10px; left: 0; width: 100px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 20px; left: 0; width: 150px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 30px; left: 0; width: 200px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 40px; left: 0; width: 250px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 50px; left: 100px; width: 250px;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 100px; width: 50px; right: 0;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 110px; width: 100px; right: 0;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 120px; width: 150px; right: 0;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 130px; width: 200px; right: 0;">
</html:div>
<html:div class="anchor"
style="height: 5px; position: absolute; background: red;
top: 140px; width: 250px; right: 0;">
</html:div>
</vbox>
</window>