haikuwebkit/ManualTests/remove-fixed-position-but-k...

47 lines
867 B
HTML
Raw Permalink Normal View History

Unreviewed, rolling out r142141. http://trac.webkit.org/changeset/142141 https://bugs.webkit.org/show_bug.cgi?id=108990 Reland r142112, will update Chromium expectations and create a Chromium bug instead for the crash. .: * ManualTests/remove-fixed-position-but-keep-compositing.html: Added. Source/WebCore: * CMakeLists.txt: * Target.pri: * WebCore.pri: * page/scrolling/ScrollingCoordinator.cpp: (WebCore::ScrollingCoordinator::create): * page/scrolling/coordinatedgraphics/ScrollingCoordinatorCoordinatedGraphics.cpp: Added. (WebCore): (WebCore::ScrollingCoordinatorCoordinatedGraphics::ScrollingCoordinatorCoordinatedGraphics): (WebCore::ScrollingCoordinatorCoordinatedGraphics::setLayerIsFixedToContainerLayer): * page/scrolling/coordinatedgraphics/ScrollingCoordinatorCoordinatedGraphics.h: Added. (WebCore): (ScrollingCoordinatorCoordinatedGraphics): * platform/graphics/texmap/coordinated/CoordinatedGraphicsLayer.cpp: (WebCore::CoordinatedGraphicsLayer::setFixedToViewport): (WebCore): (WebCore::CoordinatedGraphicsLayer::flushCompositingState): * platform/graphics/texmap/coordinated/CoordinatedGraphicsLayer.h: (CoordinatedGraphicsLayerClient): (CoordinatedGraphicsLayer): Source/WebKit2: * WebProcess/WebPage/CoordinatedGraphics/CoordinatedLayerTreeHost.cpp: * WebProcess/WebPage/CoordinatedGraphics/CoordinatedLayerTreeHost.h: * WebProcess/WebPage/DrawingAreaImpl.cpp: (WebKit::DrawingAreaImpl::DrawingAreaImpl): Canonical link: https://commits.webkit.org/127388@main git-svn-id: https://svn.webkit.org/repository/webkit/trunk@142143 268f45cc-cd09-0410-ab3c-d52691b4dbfc
2013-02-07 17:51:49 +00:00
<html>
<body style="height: 10000px">
<button id="toggle">Toggle</button>
<p>
The black rectangle starts fixed, and due to a -webkit-transform will be composited. Toggle to unfix it and scroll: the black rectangle should scroll with the page and not overlap the numbers.
</p>
<div id="rect" style="background-color: black; width: 200px; height: 200px; position: fixed; -webkit-transform: translate3d(0,0,0)">
</div>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
10<br>
11<br>
12<br>
13<br>
14<br>
15<br>
16<br>
17<br>
18<br>
19<br>
20<br>
<script>
var rect = document.getElementById("rect");
var toggle = document.getElementById("toggle");
toggle.addEventListener("click", function (ev) {
if (rect.style.position === "fixed") {
rect.style.position = "";
} else {
rect.style.position = "fixed";
}
});
</script>