Web Inspector: Uncaught Exception: undefined is not an object (evaluating 'this._selectorSection.update')

[Nikita Vasilyev]

-------
Inspected URL:        http://n12v.com/
Loading completed:    true
Frontend User Agent:  Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/602.1.41+ (KHTML, like Gecko)

Uncaught Exceptions:
 - undefined is not an object (evaluating 'this._selectorSection.update') (at VisualStyleDetailsPanel.js:64:34)
    refresh @ VisualStyleDetailsPanel.js:64:34
    _refreshPreservingScrollPosition @ StyleDetailsPanel.js:143:21
    nodeStylesRefreshed @ StyleDetailsPanel.js:114:50
    dispatch @ Object.js:162:30
    dispatchEventToListeners @ Object.js:169:17
    fetchedComputedStyle @ DOMNodeStyles.js:228:42
    fetchedComputedStyle @ [native code]
    _dispatchResponseToCallback @ InspectorBackend.js:311:27
    _dispatchResponse @ InspectorBackend.js:281:45
    dispatch @ InspectorBackend.js:157:35
    dispatchNextQueuedMessageFromBackend @ MessageDispatcher.js:42:34

Additional Details:
    cause --> An uncaught exception was thrown while dispatching response callback for command CSS.getComputedStyleForNode.
-------

* STEPS TO REPRODUCE
1. Open http://n12v.com
2. Select Elements tab
3. Select "Styles — Visual"

[Radar WebKit Bug Importer]

<rdar://problem/27358715>

[Nikita Vasilyev]

Must be a regression. I can't reproduce it in Safari TP 8.

[Nikita Vasilyev]

Selecting "Styles — Computed" also causes an uncaught exception:

Uncaught Exceptions:
 - undefined is not an object (evaluating 'this._propertiesTextEditor.style = this.nodeStyles.computedStyle') (at ComputedStyleDetailsPanel.js:130:35)
    refresh @ ComputedStyleDetailsPanel.js:130:35
    _refreshPreservingScrollPosition @ StyleDetailsPanel.js:143:21
    nodeStylesRefreshed @ StyleDetailsPanel.js:114:50
    dispatch @ Object.js:162:30
    dispatchEventToListeners @ Object.js:169:17
    fetchedComputedStyle @ DOMNodeStyles.js:228:42
    fetchedComputedStyle @ [native code]
    _dispatchResponseToCallback @ InspectorBackend.js:311:27
    _dispatchResponse @ InspectorBackend.js:281:45
    dispatch @ InspectorBackend.js:157:35
    dispatchNextQueuedMessageFromBackend @ MessageDispatcher.js:42:34

Additional Details:
    cause --> An uncaught exception was thrown while dispatching response callback for command CSS.getComputedStyleForNode.

[Nikita Vasilyev]

This manifests itself by not showing the selectors list (Style Rules section in the visual styles sidebar) on first open.

[Nikita Vasilyev]

For the first exception:

WebInspector.VisualStyleDetailsPanel.prototype.refresh gets called before
WebInspector.VisualStyleDetailsPanel.prototype.initialLayout.


    refresh(significantChange)
    {
        if (significantChange)
            this._selectorSection.update(this._nodeStyles);
        else
            this._updateSections();

        super.refresh();
    }

    // Protected

    initialLayout()
    {
        // Selector Section
        this._selectorSection = new WebInspector.VisualStyleSelectorSection(this);
        ...

[Nikita Vasilyev]

I was able to reproduce it 5 times in a row, but I can't reproduce it anymore :/

[Matt Baker]

Steps to Reproduce:
1. Select Elements tab
2. If details sidebar is expanded, collapse and reload Inspector.
3. Select a different node in the DOM tree
  => TypeError: undefined is not an object (evaluating 'this._classListContainer.hidden')

[Matt Baker]

This is fixed by https://bugs.webkit.org/show_bug.cgi?id=159745.

[Nikita Vasilyev]

(In reply to comment #7)
> Steps to Reproduce:
> 1. Select Elements tab
> 2. If details sidebar is expanded, collapse and reload Inspector.
> 3. Select a different node in the DOM tree
>   => TypeError: undefined is not an object (evaluating
> 'this._classListContainer.hidden')

I'm getting this exception:

 - TypeError: undefined is not an object (evaluating 'this._classListContainer.hidden') (at CSSStyleDetailsSidebarPanel.js:72:38)
    refresh @ CSSStyleDetailsSidebarPanel.js:72:38
    needsRefresh @ DetailsSidebarPanel.js:68:21
    domNode @ DOMDetailsSidebarPanel.js:81:26
    inspect @ DOMDetailsSidebarPanel.js:58:13
    showDetailsSidebarPanels @ ContentBrowserTabContentView.js:145:37
    dispatch @ Object.js:162:30
    dispatchEventToListeners @ Object.js:169:17
    _dispatchCurrentRepresentedObjectsDidChangeEvent @ ContentBrowser.js:437:38
    performWork @ Utilities.js:1255:43

[Timothy Hatcher]

Is this fixed or not?