Blitz - WPT: textarea-scrollbar-width-none.html

wpt / css / css-scrollbars / textarea-scrollbar-width-none.html

/css/css-scrollbars/textarea-scrollbar-width-none.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Test: scrollbar-width should apply on &lt;textarea&gt;</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<link rel="help" href="https://drafts.csswg.org/css-scrollbars-1/#scrollbar-width">
<link rel="match" href="textarea-scrollbar-width-none-ref.html">
<meta name="fuzzy" content="maxDifference=0-150; totalPixels=0-10">
<style>
  textarea {
    scrollbar-width: none;
    white-space: pre;
  }
</style>
<textarea cols="10" rows="10"></textarea>
<script>
  let textarea = document.querySelector("textarea");
  textarea.value = ('X'.repeat(100) + '\n').repeat(100);
</script>

/css/css-scrollbars/textarea-scrollbar-width-none-ref.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Reference</title>
<link rel="author" title="Xidorn Quan" href="https://www.upsuper.org">
<link rel="author" title="Mozilla" href="https://www.mozilla.org">
<style>
  textarea {
    overflow: hidden;
    white-space: pre;
  }
</style>
<textarea cols="10" rows="10"></textarea>
<script>
  let textarea = document.querySelector("textarea");
  textarea.value = ('X'.repeat(100) + '\n').repeat(100);
</script>