Streaming live at 10am (PST)

Responsive size ruler sometimes disappears in designer


#1

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

#2

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


#4

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.


#5

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).


#6

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