RESOLVED FIXED 203057
Web Inspector: Elements: selection shouldn't be dimmed by shadow trees 
https://bugs.webkit.org/show_bug.cgi?id=203057
Summary Web Inspector: Elements: selection shouldn't be dimmed by shadow trees
Devin Rousso
Reported 2019-10-16 15:10:53 PDT
Created attachment 381120 [details] [Image] Screenshot of Issue # STEPS TO REPRODUCE: 1. inspect any page with a shadow tree 2. select a node in the Elements Tab inside a shadow tree => the blue selection area is colored by the grey background color of the shadow tree
Attachments
[Image] Screenshot of Issue (774.35 KB, image/png)
2019-10-16 15:10 PDT, Devin Rousso 		no flags
Details
Patch (1.91 KB, patch)
2019-10-16 15:24 PDT, Devin Rousso 		no flags
DetailsFormatted DiffDiff
View All Add attachment proposed patch, testcase, etc.
Devin Rousso
Comment 1 2019-10-16 15:24:30 PDT
Created attachment 381122 [details] Patch
Joseph Pecoraro
Comment 2 2019-10-17 11:49:44 PDT
Comment on attachment 381122 [details] Patch rs=me
WebKit Commit Bot
Comment 3 2019-10-17 13:21:27 PDT
Comment on attachment 381122 [details] Patch Clearing flags on attachment: 381122 Committed r251254: <https://trac.webkit.org/changeset/251254>
WebKit Commit Bot
Comment 4 2019-10-17 13:21:28 PDT
All reviewed patches have been landed. Closing bug.
Radar WebKit Bug Importer
Comment 5 2019-10-17 13:22:20 PDT
<rdar://problem/56382732>
Nikita Vasilyev
Comment 6 2020-06-16 15:37:14 PDT
(In reply to Devin Rousso from comment #0) > Created attachment 381120 [details] > [Image] Screenshot of Issue > > # STEPS TO REPRODUCE: > 1. inspect any page with a shadow tree When does shadow DOM look like this? I've been looking real-world example to understand the broader picture. YouTube.com, for instance, uses Web Components but it has barely any Shadow content nested like this. I'm not convinced semi-transparent background of *each* shadow content is the way best way to display this.
Devin Rousso
Comment 7 2020-06-16 16:47:37 PDT
One example is <https://perf.webkit.org/v3/#/analysis/task/2>. If you have an alternate design/visualization, I'm all ears :)
Note You need to log in before you can comment on or make changes to this bug.