LayoutTests/fast/dom/shadow/distributed-pseudo-element-relative-selector.html - Issue 15657003: Make a '::distributed' pseudo element the first-ever client who can accept a relative selector.

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/fast/dom/shadow/distributed-pseudo-element-relative-selector.html

Issue 15657003: Make a '::distributed' pseudo element the first-ever client who can accept a relative selector. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Introduce m_relationIsForShadowDistributed Created 7 years, 7 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <script src="resources/shadow-dom.js"></script>	4 <script src="resources/shadow-dom.js"></script>

5 </head>	5 </head>

6 <body>	6 <body>

7 <div id="sandbox"></div>	7 <div id="sandbox"></div>

8 <script>	8 <script>

9 var shadowStyle = document.createElement('style');	9 var shadowStyle = document.createElement('style');

10 shadowStyle.innerHTML = 'content::-webkit-distributed(div) { color: green; }';	10 shadowStyle.innerHTML = 'content::-webkit-distributed(> div1 div2) { color: gree n; }';

11	11

12 var sandbox = document.getElementById('sandbox');	12 var sandbox = document.getElementById('sandbox');

13 sandbox.appendChild(	13 sandbox.appendChild(

14 createDOM('div', {},	14 createDOM('div', {},

15 createShadowRoot(	15 createShadowRoot(

16 shadowStyle,	16 shadowStyle,

17 createDOM('content')),	17 createDOM('content')),

18 createDOM('p', {},	18 createDOM('div', {},

19 createDOM('div', {},	19 createDOM('div1', {},

	20 createDOM('div2', {},

	21 document.createTextNode('normal')))) ,

	22 createDOM('div1', {},

	23 createDOM('div2', {},

20 document.createTextNode('green')))));	24 document.createTextNode('green')))));

21 </script>	25 </script>

22 </body>	26 </body>

23 </html>	27 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/dom/shadow/distributed-pseudo-element-relative-selector-css-text.html » ('j') | no next file with comments »