third_party/WebKit/LayoutTests/fast/events/scale-and-scroll-iframe-window.html - Issue 1340643004: Stop propagating customscrollbar styles across iframe boundaries.

Side by Side Diff: third_party/WebKit/LayoutTests/fast/events/scale-and-scroll-iframe-window.html

Issue 1340643004: Stop propagating customscrollbar styles across iframe boundaries. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: addressed review comments Created 4 years, 6 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

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style>

4 ::-webkit-scrollbar {

5 width: 0px;

6 height: 0px;

7 }

8 </style>

9 <script>	3 <script>

10 window.enablePixelTesting = true;	4 window.enablePixelTesting = true;

11	5

12 function scroll() {	6 function scroll() {

13 window.scrollTo(0, 100);	7 window.scrollTo(0, 100);

14 var frame = document.getElementById('frame');	8 var frame = document.getElementById('frame');

15 frame.contentWindow.scrollTo(100,100);	9 frame.contentWindow.scrollTo(100,100);

16	10

17 shouldBe("frame.contentDocument.scrollingElement.scrollTop", "100");	11 shouldBe("frame.contentDocument.scrollingElement.scrollTop", "100");

18 shouldBe("frame.contentDocument.scrollingElement.scrollLeft", "100") ;	12 shouldBe("frame.contentDocument.scrollingElement.scrollLeft", "100") ;

(...skipping 16 matching lines...) Expand all Loading...
35 </script>	29 </script>

36 <script src="../../resources/js-test.js"></script>	30 <script src="../../resources/js-test.js"></script>

37 </head>	31 </head>

38 <body onload="test();" style="width: 4000px; height: 4000px">	32 <body onload="test();" style="width: 4000px; height: 4000px">

39 <div id="console"></div>	33 <div id="console"></div>

40 <iframe id="frame" style="width:400px; height: 400px; position: absolute; to p: 100px;"></iframe>	34 <iframe id="frame" style="width:400px; height: 400px; position: absolute; to p: 100px;"></iframe>

41	35

42 <script>	36 <script>

43 var frame = document.getElementById('frame');	37 var frame = document.getElementById('frame');

44 var doc = frame.contentDocument.open();	38 var doc = frame.contentDocument.open();

	39 doc.write("<html><style>::-webkit-scrollbar {width: 0px;height: 0px;}</s tyle></html>");

45 doc.write("<div style='left:0; top:0; width:100px; height:100px; positio n:absolute; background:yellow;'></div>");	40 doc.write("<div style='left:0; top:0; width:100px; height:100px; positio n:absolute; background:yellow;'></div>");

46 doc.write("<div style='left:100px; top:0; width:100px; height:100px; pos ition:absolute; background:green;'></div>");	41 doc.write("<div style='left:100px; top:0; width:100px; height:100px; pos ition:absolute; background:green;'></div>");

47 doc.write("<div style='left:200px; top:0; width:100px; height:100px; pos ition:absolute; background:blue;'></div>");	42 doc.write("<div style='left:200px; top:0; width:100px; height:100px; pos ition:absolute; background:blue;'></div>");

48 doc.write("<div style='left:300px; top:0; width:100px; height:100px; pos ition:absolute; background:green;'></div>");	43 doc.write("<div style='left:300px; top:0; width:100px; height:100px; pos ition:absolute; background:green;'></div>");

49 doc.write("<div style='left:400px; top:0; width:100px; height:100px; pos ition:absolute; background:blue;'></div>");	44 doc.write("<div style='left:400px; top:0; width:100px; height:100px; pos ition:absolute; background:blue;'></div>");

50	45

51 doc.write("<div style='left:0; top:100px; width:100px; height:100px; pos ition:absolute; background: green;'></div>");	46 doc.write("<div style='left:0; top:100px; width:100px; height:100px; pos ition:absolute; background: green;'></div>");

52 doc.write("<div style='left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;'></div>");	47 doc.write("<div style='left:100px; top:100px; width:100px; height:100px; position:absolute; background:blue;'></div>");

53 doc.write("<div style='left:200px; top:100px; width:100px; height:100px; position:absolute; background:green;'></div>");	48 doc.write("<div style='left:200px; top:100px; width:100px; height:100px; position:absolute; background:green;'></div>");

54 doc.write("<div style='left:300px; top:100px; width:100px; height:100px; position:absolute; background:blue;'></div>");	49 doc.write("<div style='left:300px; top:100px; width:100px; height:100px; position:absolute; background:blue;'></div>");

55 doc.write("<div style='left:400px; top:100px; width:100px; height:100px; position:absolute; background:green;'></div>");	50 doc.write("<div style='left:400px; top:100px; width:100px; height:100px; position:absolute; background:green;'></div>");

56 doc.close();	51 doc.close();

57 frame.contentDocument.body.style.width = "2000px";	52 frame.contentDocument.body.style.width = "2000px";

58 frame.contentDocument.body.style.height = "2000px";	53 frame.contentDocument.body.style.height = "2000px";

59 </script>	54 </script>

60 </body>	55 </body>

61 </html>	56 </html>

OLD	NEW

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/scrollbars/custom-scrollbar-not-inherited-by-iframe.html » ('j') | no next file with comments »