haikuwebkit/LayoutTests/css3/filters/clipping-overflow-scroll-wi...

28 lines
496 B
HTML
Raw Permalink Normal View History

REGRESSION (r143070): Overflow:scroll content does not get clipped properly when the parent box has CSS3 filter on. https://bugs.webkit.org/show_bug.cgi?id=116859 Patch by Zalan Bujtas <zalan@apple.com> on 2013-06-03 Reviewed by Simon Fraser. Apply proper clipping for overflow:scroll, when parent dictates full repaint to ensure correct CSS3 filter effect. When a particular layer has 'pixel moving' CSS3 filter(drop shadow, blur), it sets clipToDirtyRect to false to force no clipping on itself and on the child layers too. No clipping makes overflow:scroll behave like overflow:display, because overflow::scroll gets clipped at RenderLayer level (as opposed to overflow::hidden). This patch makes sure that both full repaint and clipping are ensured. Source/WebCore: Tests: css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on-parent.html css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on.html * rendering/RenderLayer.cpp: (WebCore::RenderLayer::paintLayerContents): LayoutTests: * css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on-expected.html: Added. * css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on-parent-expected.html: Added. * css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on-parent.html: Added. * css3/filters/clipping-overflow-scroll-with-pixel-moving-effect-on.html: Added. Canonical link: https://commits.webkit.org/135405@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@151110 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-06-03 13:37:38 +00:00
<!DOCTYPE html>
<html>
<head>
<style>
.cover {
overflow-y: hidden;
height: 30px;
width: 200px;
}
.box {
overflow-x: hidden;
height: 45px;
width: 85px;
-webkit-filter: blur(1px);
}
</style>
</head>
<body>
<div class="cover">
<!-- You should not see the 'dolor' part of the text -->
<div class="box">Loremipsumdolor</div>
</div>
</body>
</html>