diff options
| author | WPT Sync Bot <josh+wptsync@joshmatthews.net> | 2022-01-20 04:38:55 +0000 |
|---|---|---|
| committer | cybai <cyb.ai.815@gmail.com> | 2022-01-20 20:57:54 +0900 |
| commit | b77ad115f671315056a828e213bb77dd377c9942 (patch) | |
| tree | 84e4afe4ec5986b617d0383ef953406329274a16 /tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html | |
| parent | 4401622eb11a4719c17446bec19d3a80fa585d28 (diff) | |
| download | servo-b77ad115f671315056a828e213bb77dd377c9942.tar.gz servo-b77ad115f671315056a828e213bb77dd377c9942.zip | |
Update web-platform-tests to revision b'ee6da9d71d0268d7fdb04e8e5b26858f46ee0cc4'
Diffstat (limited to 'tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html')
| -rw-r--r-- | tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html b/tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html new file mode 100644 index 00000000000..061339b49cd --- /dev/null +++ b/tests/wpt/web-platform-tests/css/css-overflow/overflow-auto-scrollbar-gutter-intrinsic-001.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html> + <meta charset="utf-8"> + <title>CSS Overflow Test: scrollbar-gutter size contributes to the scroll container's intrinsic size with "overflow:auto"</title> + <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> + <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property"> + <link rel="match" href="overflow-auto-scrollbar-gutter-intrinsic-001-ref.html"> + + <style> + .line { + display: flex; + } + .container { + block-size: 50px; + border: 5px solid black; + overflow: auto; + scrollbar-gutter: stable; + margin: 10px; + } + .tall { + /* trigger overflow */ + block-size: 5000px; + } + </style> + + <div class="line"> + <div class="container"> + <div>I should not wrap</div> + </div> + + <div class="container"> + <div class="tall">I should not wrap</div> + </div> + </div> + + <div class="line"> + <div class="container" style="writing-mode: vertical-rl"> + <div>I should not wrap</div> + </div> + + <div class="container" style="writing-mode: vertical-rl"> + <div class="tall">I should not wrap</div> + </div> + + <div class="container" style="writing-mode: vertical-lr"> + <div>I should not wrap</div> + </div> + + <div class="container" style="writing-mode: vertical-lr"> + <div class="tall">I should not wrap</div> + </div> + </div> +</html> |