Builder won't load in Beta 4 - unable to parse color from string

Beta
#1

When I try to load the builder for a page only the footer builder portion of the page loads. I can see the builder menu etc and click through various assets / items that have been created like headers, row etc. and I can see all the settings but the visual builder does not load any of the page items.

In the console I have the below error:

Error: Unable to parse color from string: global-color:4272616e64205365636f6e64617279
at new l (cs-vendor.js?ver=3.6.0-beta4:7370)
at l (cs-vendor.js?ver=3.6.0-beta4:7364)
at cs.js?ver=3.6.0-beta4:5071
at Array.map ()
at cs.js?ver=3.6.0-beta4:5071
at r (lodash.min.js?ver=4.17.11:69)
at cs.js?ver=3.6.0-beta4:5077
at r (lodash.min.js?ver=4.17.11:69)
at e.detectContrast (cs.js?ver=3.6.0-beta4:5080)
at cs.js?ver=3.6.0-beta4:5033
Bg @ react-dom.min.js?ver=16.8.4:117
c.callback @ react-dom.min.js?ver=16.8.4:126
Ag @ react-dom.min.js?ver=16.8.4:116
zg @ react-dom.min.js?ver=16.8.4:116
qi @ react-dom.min.js?ver=16.8.4:131
ui @ react-dom.min.js?ver=16.8.4:133
(anonymous) @ react-dom.min.js?ver=16.8.4:158
unstable_runWithPriority @ react.min.js?ver=16.8.4:27
Vc @ react-dom.min.js?ver=16.8.4:158
Sc @ react-dom.min.js?ver=16.8.4:158
Z @ react-dom.min.js?ver=16.8.4:156
Kc @ react-dom.min.js?ver=16.8.4:155
ya @ react-dom.min.js?ver=16.8.4:153
bh @ react-dom.min.js?ver=16.8.4:160
xe @ react-dom.min.js?ver=16.8.4:160
nb.render @ react-dom.min.js?ver=16.8.4:215
(anonymous) @ react-dom.min.js?ver=16.8.4:164
$g @ react-dom.min.js?ver=16.8.4:159
Wc @ react-dom.min.js?ver=16.8.4:164
render @ react-dom.min.js?ver=16.8.4:217
renderReactComponent @ cs.js?ver=3.6.0-beta4:1159
didRender @ cs.js?ver=3.6.0-beta4:1155
trigger @ cs-vendor.js?ver=3.6.0-beta4:1829
r @ cs-vendor.js?ver=3.6.0-beta4:1679
i.didCreate @ cs-vendor.js?ver=3.6.0-beta4:435
t.commit @ cs-vendor.js?ver=3.6.0-beta4:2929
r.commit @ cs-vendor.js?ver=3.6.0-beta4:2936
o.commit @ cs-vendor.js?ver=3.6.0-beta4:363
t._renderRoots @ cs-vendor.js?ver=3.6.0-beta4:491
t._renderRootsTransaction @ cs-vendor.js?ver=3.6.0-beta4:495
t._renderRoot @ cs-vendor.js?ver=3.6.0-beta4:485
t._appendDefinition @ cs-vendor.js?ver=3.6.0-beta4:481
t.appendOutletView @ cs-vendor.js?ver=3.6.0-beta4:479
t.invoke @ cs-vendor.js?ver=3.6.0-beta4:3259
t.flush @ cs-vendor.js?ver=3.6.0-beta4:3251
t.flush @ cs-vendor.js?ver=3.6.0-beta4:3264
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
characterData (async)
t @ cs-vendor.js?ver=3.6.0-beta4:3235
r._scheduleAutorun @ cs-vendor.js?ver=3.6.0-beta4:3339
r._end @ cs-vendor.js?ver=3.6.0-beta4:3326
_boundAutorunEnd @ cs-vendor.js?ver=3.6.0-beta4:3276
Show 8 more frames
cs.js?ver=3.6.0-beta4:1159 Error: Unable to parse color from string: global-color:4272616e64205365636f6e64617279
at new l (cs-vendor.js?ver=3.6.0-beta4:7370)
at l (cs-vendor.js?ver=3.6.0-beta4:7364)
at cs.js?ver=3.6.0-beta4:5071
at Array.map ()
at cs.js?ver=3.6.0-beta4:5071
at r (lodash.min.js?ver=4.17.11:69)
at cs.js?ver=3.6.0-beta4:5077
at r (lodash.min.js?ver=4.17.11:69)
at e.detectContrast (cs.js?ver=3.6.0-beta4:5080)
at cs.js?ver=3.6.0-beta4:5033

#2

I’ve the exact same problem with beta 4.
See the video: https://drive.google.com/open?id=1MqDunHxAhiCNAJBQnVnYgr-c1RcBL6or

#3

Confirmed and fixed.

#4

Me too too too (onwards to beta 5 ASAP)

#5

Just to clarify why this is happening so you can avoid it - the bug is triggered when you have a Global Color as a background color of a Section, Row, or Column.

#6

We are using a real life site that is in development. It is 90% done so avoiding this is not an option at the moment. There is no rush on the site which is why we chose to test with it. We figured we would pick up more issues this way. Hopefully you guys push beta 5 soon so we can carry on testing.

#7

I gotcha. Thank you for taking the risk of testing it along the way. Trying to get a few more things worked out before beta5 later today.

#8

Update: beta5 is up for download.

1 Like