popover-appearance-ref.html

Enable keyboard shortcuts

<!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>