forked from mirrors/gecko-dev
c1d97dd9e2
Automatic update from web-platform-tests Fuzz Fluent failing wpt tests. This CL adds a temporary fuzz acceptance to some wpt web tests. The fuzziness is added to make web tests with fluent scrollbars pass when there are differences between the baseline and the ref html that cause some scrollbars to be composited and others to not be, which causes a 1 shade of gray difference between some anti-alias pixels in the scrollbar's thumb. These tests are failing in wpt.fyi for Edge, since Edge has Fluent scrollbars enabled by default. This issue will be fixed by https://issues.chromium.org/issues/40778657 , and when that work is finished I will revert this CL. Bug: 326116366, 329199184 Change-Id: Ib8e26c1bdcdfa3f78d7eab198dd62b290d79304d Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5362506 Reviewed-by: Olga Gerchikov <gerchiko@microsoft.com> Commit-Queue: Gaston Rodriguez <gastonr@microsoft.com> Reviewed-by: Yaroslav Shalivskyy <yshalivskyy@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1271612} -- wpt-commits: 7557e87f6686cb37c27cb789d49d91c7630bdad5 wpt-pr: 45045
61 lines
1.6 KiB
HTML
61 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta charset="utf-8">
|
|
<meta name="fuzzy" content="1;0-50">
|
|
<title>CSS Overflow: test scrollbar-gutter with horizontal left to right content</title>
|
|
<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
|
|
<link rel="author" title="Mozilla" href="http://www.mozilla.org/">
|
|
<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#scrollbar-gutter-property">
|
|
<link rel="match" href="scrollbar-gutter-002-ref.html">
|
|
|
|
<style>
|
|
.line {
|
|
display: flex;
|
|
}
|
|
|
|
.container {
|
|
writing-mode: horizontal-tb;
|
|
direction: ltr;
|
|
|
|
block-size: 200px;
|
|
inline-size: 200px;
|
|
margin: 10px;
|
|
background: deepskyblue;
|
|
resize: both;
|
|
}
|
|
|
|
.content {
|
|
inline-size: 100%;
|
|
block-size: 200%;
|
|
background: lightsalmon;
|
|
}
|
|
</style>
|
|
|
|
<div class="line">
|
|
<div class="container" style="overflow-y: auto; scrollbar-gutter: stable">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
<div class="container" style="overflow-y: scroll; scrollbar-gutter: stable">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
<div class="container" style="overflow-y: hidden; scrollbar-gutter: stable">
|
|
<div class="content"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="line">
|
|
<div class="container" style="overflow-y: auto; scrollbar-gutter: stable both-edges">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
<div class="container" style="overflow-y: scroll; scrollbar-gutter: stable both-edges">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
<div class="container" style="overflow-y: hidden; scrollbar-gutter: stable both-edges">
|
|
<div class="content"></div>
|
|
</div>
|
|
</div>
|
|
</html>
|