border-shape-overflow-solid-background.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-borders/tentative/border-shape/border-shape-overflow-solid-background.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>CSS Borders Shape: border-shape overscroll with solid background</title>

<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-shape">

<link rel="match" href="border-shape-overflow-solid-background-ref.html">

<meta name=fuzzy content="0-200;0-300">

<style>

  .bs-target {

    overflow-y: scroll;

    will-change: transform;

    width: 100px;

    height: 100px;

    border-shape: circle(50% at 50% 50%);

    background: green;

  .forcescroll {

    width: 25px;

    height: 400px;

    background: linear-gradient(pink, blue);

</style>

<div class="bs-target">

  <div class="forcescroll"></div>

</div>