Blitz - WPT: caret-shape-block-color-002.tentative.html

wpt / css / css-ui / caret-shape-block-color-002.tentative.html

/css/css-ui/caret-shape-block-color-002.tentative.html

<!DOCTYPE html>
<title>Test caret-shape block color when there is no CSS color property specified</title>
<link rel=help href="https://drafts.csswg.org/css-ui/#caret-shape">
<link rel=match href="caret-shape-block-color-002-ref.tentative.html">
<meta name=fuzzy content="maxDifference=1;totalPixels=0-3000">
<meta name="assert"
  content="Test checks that caret-shape block color has an opacity of 0.5 of the default color when there is no CSS color property specified">
<style>
  div {
    font-size: 5em;
  }

  #target {
    caret-shape: block;
    caret-animation: manual;
  }

  #target:focus {
    outline: none;
  }
</style>
<div id="target" contenteditable spellcheck="false">abc</div>
<script>
  target.focus();
</script>

/css/css-ui/caret-shape-block-color-002-ref.tentative.html

<!DOCTYPE html>
<style>
  div {
    font-size: 5em;
  }

  span {
    background-color: rgba(0, 0, 0, 0.5);
  }
</style>
<div><span>a</span>bc</div>