wpt / css / css-overflow / scroll-markers / scroll-buttons-appearance.html

Status: FAIL | Duration: 12ms | Subtests: 0/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-overflow/scroll-markers/scroll-buttons-appearance.html

<!doctype html>
<meta charset="utf-8">
<title>CSS Test: ::scroll-button()s appearance</title>
<link rel="match" href="scroll-buttons-appearance-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-buttons">
<style>
  div::scroll-button(block-start) {
    content: "appearance: auto";
    /* appearance: auto is the default. */
  }
  div::scroll-button(block-end) {
    content: "appearance: none";
    appearance: none;
  }

</style>
<p>Test passes if there are two buttons, the first one using appearance auto
and the second using appearance: none.</p>
<div></div>

/css/css-overflow/scroll-markers/scroll-buttons-appearance-ref.html

<!doctype html>
<meta charset="utf-8">
<title>CSS Test: ::scroll-button()s appearance</title>
<style>
.none { appearance: none; }
</style>
<p>Test passes if there are two buttons, the first one using appearance auto
and the second using appearance: none.</p>
<div></div>
<button disabled="true">appearance: auto</button><button disabled="true" class="none">appearance: none</button>