LayoutTests/compositing/squashing/squashing-inside-perspective-with-reparented-scrolling-expected.html - Issue 497153003: Fix squashing to treat perspective and preserve3d elements as transform ancestors.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/compositing/squashing/squashing-inside-perspective-with-reparented-scrolling-expected.html

Issue 497153003: Fix squashing to treat perspective and preserve3d elements as transform ancestors. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Fixed. Created 6 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch | Annotate | Revision Log

« no previous file with comments | « LayoutTests/compositing/squashing/squashing-inside-perspective-with-reparented-scrolling.html ('k') | Source/core/rendering/RenderLayer.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE HTML>	1 <!DOCTYPE HTML>

2 <!--	2 <!--

3 This test ensures that the offset from renderer is correctly applied	3 This test ensures that the offset from renderer is correctly applied

4 to reparented overflow controls, even if they are unclipped.	4 to reparented overflow controls, even if they are unclipped.

5 -->	5 -->

6 <style>	6 <style>

7 #scroller {	7 #scroller {

8 overflow: scroll;	8 overflow: scroll;

9 width: 300px;	9 width: 300px;

10 height: 300px;	10 height: 300px;

11 position: relative;	11 position: relative;

12 top: 10px;	12 top: 10px;

13 }	13 }

14	14

15 #fixed {	15 #fixed {

16 position: fixed;	16 position: fixed;

17 background: blue;	17 background: blue;

18 left: 90px;	18 left: 90px;

19 width: 10px;	19 width: 10px;

20 height: 10px;	20 height: 10px;

21 }	21 }

22	22

23 #scrolled {	23 #scrolled {

24 position: relative;	24 position: relative;

25 background: green;	25 background: green;

26 width: 80px;	26 width: 80px;

27 height: 500px;	27 height: 500px;

28 }	28 }

29 </style>	29 </style>

	30 <div style="z-index: 1; position: absolute"></div>

	31 <div style="z-index: 0; perspective: 1000px; position: absolute;">

	32 <div id='scroller'>

	33 <div id='fixed'></div>

	34 <div id='scrolled'></div>

	35 </div>

	36 </div>

30 <script>	37 <script>

31 if (window.internals) {	38 if (window.internals) {

32 window.internals.settings.setOverlayScrollbarsEnabled(true);	39 window.internals.settings.setOverlayScrollbarsEnabled(true);

33 window.internals.settings.setPreferCompositingToLCDTextEnabled(true);	40 window.internals.settings.setPreferCompositingToLCDTextEnabled(true);

	41 window.internals.settings.setLayerSquashingEnabled(false);

34 }	42 }

35 </script>	43 </script>

36 <div id='scroller'>

37 <div id='fixed'></div>

38 <div id='scrolled'></div>

39 </div>

OLD	NEW