Bug 130302

Summary: Web Inspector: AXI: AX Children exposes Shadow DOM nodes even when shadow DOM display is not enabled.
Product: WebKit Reporter: James Craig <jcraig>
Component: Web InspectorAssignee: Aaron Chu <aaron_chu>
Status: NEW ---    
Severity: Normal CC: graouts, inspector-bugzilla-changes, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: All   
OS: All   
Bug Depends on: 130264    
Bug Blocks:    
Attachments:
Description Flags
screen shot lists child div of <input> when shadow DOM display is not toggled none

Description James Craig 2014-03-16 01:38:21 PDT
Created attachment 226837 [details]
screen shot lists child div of <input> when shadow DOM display is not toggled

Web Inspector: AXI: AX Children exposes Shadow DOM nodes even when shadow DOM display is not enabled. Not yet sure if this is "right" or "wrong" but if we display this, we should probably make it more clear what's happening. Otherwise we should only display shadow DOM  AX children when the shadow DOM display is enabled.

See screen shot.
Comment 1 James Craig 2014-03-16 01:41:52 PDT
<rdar://problem/16337244>
Comment 2 Joseph Pecoraro 2014-03-17 11:00:43 PDT
Good find.

There is WebInspector.showShadowDOMSetting.value and node.isInShadowTree().

So you can choose to hide shadow nodes in the sidebar if the shadow DOM is not shown.

You can also add an event listener on the setting, to update the UI if the show shadow dom setting toggles:

    WebInspector.showShadowDOMSetting.addEventListener(WebInspector.Setting.Event.Changed, callback, thisObject);