Bug 104772

Summary: [Shadow DOM]: Details and Summary tags always contains Shadow roots
Product: WebKit Reporter: Sergey G. Grekhov <sgrekhov>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WONTFIX    
Severity: Normal CC: dglazkov, morrita, shinyak, webcomponents-bugzilla
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 63606, 103230    
Attachments:
Description Flags
Chrome with excessive shadow roots none

Sergey G. Grekhov
Reported 2012-12-11 23:41:35 PST
Chrome 23.0.1271.97 m Details and summary tags always contains shadow roots. Steps to reproduce: 1) Make sure that developer tools in Chrome shows Shadow DOM (F12/Settings (in right bottom corner)/Experiments/Show Shadow DOM) 2) Open in Chrome the following page: <html> <head> </head> <body> <details open="open"> <summary><span>Summary</span></summary> <span>Text</span> </details> <span>Text outside the details</span> </body> </html> 3) Click F12 and inspect <details> and <summary> tags Result: <details> and <summary> contains shadow roots. See attached picture
Attachments
Chrome with excessive shadow roots (132.16 KB, image/png)
2012-12-11 23:43 PST, Sergey G. Grekhov 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Sergey G. Grekhov
Comment 1 2012-12-11 23:43:10 PST
Created attachment 178979 [details] Chrome with excessive shadow roots
Shinya Kawanaka
Comment 2 2012-12-11 23:52:30 PST
This is our implementation detail. But it might be better such UA shadow is not be shown.
Dimitri Glazkov (Google)
Comment 3 2012-12-12 07:48:49 PST
I don't understand how this is a bug? Have you looked at <video>? :)
Sergey G. Grekhov
Comment 4 2012-12-12 20:31:52 PST
Just checked this. Tag <video> has no such issue
Dimitri Glazkov (Google)
Comment 5 2012-12-12 20:37:38 PST
(In reply to comment #4) > Just checked this. Tag <video> has no such issue Of course it does :) well, <video controls> at least. Also, check <input type="text"> and <textarea>. They all have shadow roots, because they are built using shadow DOM. This type of shadow DOM is called User Agent shadow DOM. Hiding them in inspector is no good either, since the developers have come to rely on seeing the insides and being able to style them: http://blog.romanliutikov.com/coding/discover-the-dark-side-with-shadow-dom/
Sergey G. Grekhov
Comment 6 2012-12-12 20:53:50 PST
Really... <video controls> and <input type="text"> have shadow roots as well, <video> and <textarea> not. But ok, if this is not a bug but just implementation feature then let's leave it as is. However it looked strange for me at first. I didn't created shadow root but dev tools show them. I was surprised. Maybe it makes sense to mark these ShadowRoots somehow? For example #webkit-shadow-root? Otherwise it can be dozens of bug reports like this one in future. Just thoughts...
Dimitri Glazkov (Google)
Comment 7 2012-12-12 21:00:30 PST
(In reply to comment #6) >Maybe it makes sense to mark these ShadowRoots somehow? For example #webkit-shadow-root? Otherwise it can be dozens of bug reports like this one in future. Just thoughts... Now, that's a great idea. Let's file a bug against inspector to visually distinguish UA shadow roots.
Sergey G. Grekhov
Comment 8 2012-12-12 21:22:56 PST
Enhancement request against the inspector https://bugs.webkit.org/show_bug.cgi?id=104877
Note You need to log in before you can comment on or make changes to this bug.