ManualTests/remove-fixed-position-but-keep-compositing.html - Issue 637763002: Unprefix usage of -webkit-transform in tests

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: ManualTests/remove-fixed-position-but-keep-compositing.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Remove duplicate transform Created 6 years, 2 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

« ManualTests/interrupted-compound-transform.html ('K') | « ManualTests/no-repaint-after-wake-from-sleep.html ('k') | ManualTests/scrollbars/scrollbars-in-composited-layers.html » ('j') | ManualTests/transition-delay.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2	2

3 <body style="height: 10000px">	3 <body style="height: 10000px">

4	4

5 <button id="toggle">Toggle</button>	5 <button id="toggle">Toggle</button>

6	6

7 <p>	7 <p>

8 The black rectangle starts fixed, and due to a -webkit-transform will be compo sited. Toggle to unfix it and scroll: the black rectangle should scroll with the page and not overlap the numbers.	8 The black rectangle starts fixed, and due to a -webkit-transform will be compo sited. Toggle to unfix it and scroll: the black rectangle should scroll with the page and not overlap the numbers.
	alancutter (OOO until 2018) 2014/10/14 05:13:49 This text should be updated. This text should be updated.
9 </p>	9 </p>

10	10

11 <div id="rect" style="background-color: black; width: 200px; height: 200px; po sition: fixed; -webkit-transform: translate3d(0,0,0)">	11 <div id="rect" style="background-color: black; width: 200px; height: 200px; po sition: fixed; transform: translate3d(0,0,0)">

12 </div>	12 </div>

13	13

14 1<br>	14 1<br>

15 2<br>	15 2<br>

16 3<br>	16 3<br>

17 4<br>	17 4<br>

18 5<br>	18 5<br>

19 6<br>	19 6<br>

20 7<br>	20 7<br>

21 8<br>	21 8<br>

(...skipping 15 matching lines...) Expand all Loading...
37 var toggle = document.getElementById("toggle");	37 var toggle = document.getElementById("toggle");

38	38

39 toggle.addEventListener("click", function (ev) {	39 toggle.addEventListener("click", function (ev) {

40 if (rect.style.position === "fixed") {	40 if (rect.style.position === "fixed") {

41 rect.style.position = "";	41 rect.style.position = "";

42 } else {	42 } else {

43 rect.style.position = "fixed";	43 rect.style.position = "fixed";

44 }	44 }

45 });	45 });

46 </script>	46 </script>

OLD	NEW