LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html - Issue 397713004: Overlay scrollbars must respect ancestor clip

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/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html

Issue 397713004: Overlay scrollbars must respect ancestor clip (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: . Created 6 years, 5 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/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html ('k') | LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip-expected.html » ('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 <!--

	3 This test ensures that reparented overlay scrollbars still respect

	4 clips applied by a tree-order ancestor, even if that ancestor is

	5 not an ancestor in the compositing layer tree.

	6 -->

2 <style>	7 <style>

3 #scroller {	8 #clipper {

	9 overflow: hidden;

	10 width: 400px;

	11 height: 100px;

	12 margin: 10px;

	13 }

	14

	15 #scroller {

4 overflow: scroll;	16 overflow: scroll;

5 width: 300px;	17 width: 300px;

6 height: 300px;	18 height: 300px;

7 position: relative;	19 position: relative;

8 z-index: 0;

9 top: 10px;	20 top: 10px;

10 }	21 }

11	22

12 #fixed {	23 #fixed {

13 position: fixed;	24 position: fixed;

14 background: blue;	25 background: blue;

15 left: 90px;	26 left: 90px;

16 width: 10px;	27 width: 10px;

17 height: 10px;	28 height: 10px;

18 }	29 }

19	30

20 #scrolled {	31 #scrolled {

21 position: relative;	32 position: relative;

22 background: green;	33 background: green;

23 width: 80px;	34 width: 80px;

24 height: 500px;	35 height: 500px;

25 }	36 }

26 </style>	37 </style>

27 <script>	38 <script>

28 if (window.internals) {	39 if (window.internals) {

29 window.internals.settings.setOverlayScrollbarsEnabled(true);	40 window.internals.settings.setOverlayScrollbarsEnabled(true);

30 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled( true);	41 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled( true);

31 }	42 }

32 </script>	43 </script>

33 <div id='scroller'>	44 <div id='clipper'>

34 <div id='fixed'></div>	45 <div id='scroller'>

35 <div id='scrolled'></div>	46 <div id='fixed'></div>

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

	48 </div>

36 </div>	49 </div>

OLD	NEW