summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/popovers/popover-appearance-ref.html
blob: 7ceca94559b8d425c10243f61b038d6c8422a02b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Popover element appearance</title>
<link rel="stylesheet" href="resources/popover-styles.css">

<style>
.fake-popover {top: 100px; bottom: auto;}
#blank {left: -300px;}
#auto {left: -100px;}
#manual {left: 100px;}
#invalid {left: 300px;}
</style>

<p>There should be four popovers with similar appearance.</p>
<div class="fake-popover" id=blank>Blank</div>
<div class="fake-popover" id=auto>Auto</div>
<div class="fake-popover" id=manual>Manual</div>
<div class="fake-popover" id=invalid>Invalid</div>