Streaming live at 10am (PST)

Responsive size ruler sometimes disappears in designer

Normally on smaller-than-desktop breakpoints in the designer, when you pull the slider on the side of the page to change the display size, a ruler is displayed at the bottom of the screen. The ruler isn’t showing up for me right now, even when I try in an incognito window (using Chrome for Mac). On another computer (using Chrome for Windows), it works fine. (Pretty sure this is not a platform issue though since it’s worked in Chrome for Mac in the past.)

In the debugger I see a LOT of errors like this:

webflow-designer.min.3723e01cd3.js:33
Uncaught TypeError: Cannot read property 'getNativeNode' of null
getNativeNode @ webflow-designer.min.3723e01cd3.js:33
getNativeNode @ webflow-designer.min.3723e01cd3.js:70
getNativeNode @ webflow-designer.min.3723e01cd3.js:33
updateChildren @ webflow-designer.min.3723e01cd3.js:70
_reconcilerUpdateChildren @ webflow-designer.min.3723e01cd3.js:71
_updateChildren @ webflow-designer.min.3723e01cd3.js:71
updateChildren @ webflow-designer.min.3723e01cd3.js:71
_updateDOMChildren @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
performUpdateIfNecessary @ webflow-designer.min.3723e01cd3.js:70
performUpdateIfNecessary @ webflow-designer.min.3723e01cd3.js:33
runBatchedUpdates @ webflow-designer.min.3723e01cd3.js:29
perform @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:29
s @ webflow-designer.min.3723e01cd3.js:29
closeAll @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:48
batchedUpdates @ webflow-designer.min.3723e01cd3.js:71
enqueueUpdate @ webflow-designer.min.3723e01cd3.js:29
enqueueUpdate @ webflow-designer.min.3723e01cd3.js:58
enqueueSetState @ webflow-designer.min.3723e01cd3.js:58
ReactComponent.setState @ webflow-designer.min.3723e01cd3.js:57
Container.e.onChange @ webflow-designer.min.3723e01cd3.js:67
(anonymous function) @ webflow-designer.min.3723e01cd3.js:57
(anonymous function) @ webflow-designer.min.3723e01cd3.js:30
a.bugsnag @ bugsnag-2.min.js:1

webflow-designer.min.3723e01cd3.js:70
Uncaught TypeError: Cannot read property 'componentWillReceiveProps' of null
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
updateChildren @ webflow-designer.min.3723e01cd3.js:70
_reconcilerUpdateChildren @ webflow-designer.min.3723e01cd3.js:71
_updateChildren @ webflow-designer.min.3723e01cd3.js:71
updateChildren @ webflow-designer.min.3723e01cd3.js:71
_updateDOMChildren @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:70
receiveComponent @ webflow-designer.min.3723e01cd3.js:33
_updateRenderedComponent @ webflow-designer.min.3723e01cd3.js:70
_performComponentUpdate @ webflow-designer.min.3723e01cd3.js:70
updateComponent @ webflow-designer.min.3723e01cd3.js:70
performUpdateIfNecessary @ webflow-designer.min.3723e01cd3.js:70
performUpdateIfNecessary @ webflow-designer.min.3723e01cd3.js:33
runBatchedUpdates @ webflow-designer.min.3723e01cd3.js:29
perform @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:29
s @ webflow-designer.min.3723e01cd3.js:29
closeAll @ webflow-designer.min.3723e01cd3.js:48
perform @ webflow-designer.min.3723e01cd3.js:48
batchedUpdates @ webflow-designer.min.3723e01cd3.js:71
enqueueUpdate @ webflow-designer.min.3723e01cd3.js:29
enqueueUpdate @ webflow-designer.min.3723e01cd3.js:58
enqueueSetState @ webflow-designer.min.3723e01cd3.js:58
ReactComponent.setState @ webflow-designer.min.3723e01cd3.js:57
Container.e.onChange @ webflow-designer.min.3723e01cd3.js:67
(anonymous function) @ webflow-designer.min.3723e01cd3.js:57
(anonymous function) @ webflow-designer.min.3723e01cd3.js:30
a.bugsnag @ bugsnag-2.min.js:1

I have experienced the ruler disappearing as well at times. Seems to happen randomly. I’m running latest Chrome on OS X.

Hi @ElizabethC, thanks for bringing this to our attention! We’re looking into this now - as soon as I know more I’ll post updates here right away.

In the meantime, if you could share the name of the sites you’ve experienced this on and your specific OS/Browser versions that would help a lot.

If you see any other strange behavior regarding this (or anything really) please let me know.

Thanks for looking into this! The site is called Celebrate North Seattle (celebratenorthseattle). My OS version is Mac OS 10.10.5. Currently the ruler is working as expected, and I don’t know what Chrome version I was using when it wasn’t working since Chrome auto-updates very frequently (now I’m on 51.0.2704.103).

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.