Bug 1646578 [wpt PR 24212] - Don't show scrolling contents layers that are also backf...
commit5f42202b628be76597d5a3356dffd3fa1a00db4b
authorChris Harrelson <chrishtr@chromium.org>
Mon, 22 Jun 2020 10:43:27 +0000 (22 10:43 +0000)
committermoz-wptsync-bot <wptsync@mozilla.com>
Tue, 23 Jun 2020 11:04:37 +0000 (23 11:04 +0000)
tree260d633f5eb4a78ad24ad37a1b0968994e1dcff0
parent023315f5e1788333533c3f9717c9f7f1e1a48ee2
Bug 1646578 [wpt PR 24212] - Don't show scrolling contents layers that are also backface-invisible., a=testonly

Automatic update from web-platform-tests
Don't show scrolling contents layers that are also backface-invisible.

In this situation, we have an element like this:

<div id=target style="transform: ...; backface-visibility: hidden;
            overflow: scroll">
</div>

It will have two transform and one for scrolling:

Transform
   ScrollTranslation

However, overflow clipping is also a grouping property [1], so the
ScrollTranslation will have flattens_inherited_transform true
regardless of the transform-style style of #target.

With TransformInterop on, definitely the scrolling contents should
not be shown (except for pseudo- and stacking context descendants).
This CL changes the behavior for non-TransformInterop also, because
it doesn't seem reasonable to have the behavior the way it is right
now.

[1] https://drafts.csswg.org/css-transforms-2/#grouping-property-values

Bug: 363609

Change-Id: Ib1f356e80644582120e37261d368f774cbcaa6e1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2246437
Auto-Submit: Chris Harrelson <chrishtr@chromium.org>
Commit-Queue: Philip Rogers <pdr@chromium.org>
Reviewed-by: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/master@{#779637}

--

wpt-commits: efb4718b09a0947c3b49dfe32aa2251a33df0aa9
wpt-pr: 24212
testing/web-platform/tests/css/css-transforms/backface-visibility-hidden-006-ref.html [new file with mode: 0644]
testing/web-platform/tests/css/css-transforms/backface-visibility-hidden-006.html [new file with mode: 0644]