wpt / css / css-position / overlay / overlay-button-appearance.html

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-position/overlay/overlay-button-appearance.html

<!DOCTYPE html>
<link rel=author href="mailto:jarhar@chromium.org">
<link rel=help href="https://drafts.csswg.org/css-position-4/#overlay">
<link rel=match href="overlay-button-appearance-ref.html">
<meta name=assert content="overlay:auto should not affect the appearance of buttons.">

<style>
* {
  overlay: auto !important;
}
</style>

<button>one</button>
<button>two</button>

<div popover id=popover>popover</div>

<script>
const popover = document.getElementById('popover');
popover.showPopover();
popover.hidePopover();
</script>

/css/css-position/overlay/overlay-button-appearance-ref.html

<!DOCTYPE html>
<button>one</button>
<button>two</button>