Visiting /experimental gives empty blank page with Firefox

[TNW9imKLC3fv]

• Browser: Firefox 43,0.1 (one of the last good versions before Mozilla went crazy and made changes that broke a lot of important addons like Self Destructing Cookies with very little time for warning and no consent from users) with NoScript addon (allowing JavaScript from riot.im)
• OS: Windows 7 64-bit

Description

Visiting the /experimental address gives nothing but a white page, even after allowing JavaScript from riot.im with NoScript (Discord works fine with the older browser)

Steps to reproduce

• Visiting the /experimental address with Firefox 43.0.1 with NoScript, whilst riot.im JavaScript is set to allow

Blank page instead of any content shown.

Log: sent/not sent? N/A, page has no no script content whatsoever, not even errors

[ara4n]

what does the javascript console say?

[TNW9imKLC3fv]

unreachable code after return statement bundle.js:41596:4
unreachable code after return statement bundle.js:59558:12
unreachable code after return statement bundle.js:149977:4
SyntaxError: class is a reserved identifier bundle.js:264096:0

[ https://riot.im/experimental/bundles/a3fb9ff5e8dbf575e66e/bundle.js ]

CSS console:
Error in parsing value for 'display'. Declaration dropped. theme-status.css:8956:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:8991:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9002:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9013:13
Error in parsing value for 'justify-content'. Declaration dropped. theme-status.css:9019:25
Error in parsing value for 'word-break'. Declaration dropped. theme-status.css:9031:16
Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'. Ruleset ignored due to bad selector. theme-status.css:9092:36
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9124:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9443:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9496:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9505:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9701:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9778:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9806:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:9838:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10193:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10228:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10239:13
Expected end of value but found 'content'. Error in parsing value for 'flex'. Declaration dropped. theme-status.css:10322:18
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10459:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10505:13
Expected end of value but found 'block'. Error in parsing value for 'display'. Declaration dropped. theme-status.css:10512:20
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10590:13
Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'. Ruleset ignored due to bad selector. theme-status.css:10617:32
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10670:13
Unrecognized at-rule or error parsing at-rule '@charset'. theme-status.css:10713:0
Unknown property 'mask-repeat'. Declaration dropped. theme-status.css:10756:23
Unknown property 'mask-position'. Declaration dropped. theme-status.css:10758:25
Error in parsing value for 'display'. Declaration dropped. theme-status.css:10781:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:11098:13
Error in parsing value for 'display'. Declaration dropped. theme-status.css:11198:13
Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'. Ruleset ignored due to bad selector. theme-status.css:11330:33
Error in parsing value for 'display'. Declaration dropped. theme-status.css:11390:17
Error in parsing value for 'display'. Declaration dropped. theme-light.css:213:13
Unknown pseudo-class or pseudo-element 'selection'. Ruleset ignored due to bad selector. theme-light.css:394:2
Error in parsing value for 'display'. Declaration dropped. theme-light.css:449:13
Error in parsing value for 'overflow-y'. Declaration dropped. theme-light.css:514:16
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:810:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:818:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:841:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:903:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:910:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:911:13
Unknown property 'grid-template-columns'. Declaration dropped. theme-light.css:913:29
Unknown property 'grid-template-rows'. Declaration dropped. theme-light.css:915:26
Error in parsing value for 'display'. Declaration dropped. theme-light.css:922:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:932:17
Error in parsing value for 'display'. Declaration dropped. theme-light.css:953:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:964:23
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1005:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1007:16
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1012:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1014:16
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1019:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1021:16
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1026:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1028:16
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1033:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1035:16
Unknown property 'grid-column'. Declaration dropped. theme-light.css:1040:19
Unknown property 'grid-row'. Declaration dropped. theme-light.css:1042:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1062:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1077:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1143:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1215:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1227:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:1235:23
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:1282:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1298:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:1327:23
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1351:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1455:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1486:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1519:13
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:1650:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1682:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1708:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1774:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1787:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1803:13
Unknown property 'mask-repeat'. Declaration dropped. theme-light.css:1825:27
Unknown property 'mask-position'. Declaration dropped. theme-light.css:1827:29
Unknown property 'mask-size'. Declaration dropped. theme-light.css:1829:25
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1867:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1886:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1904:13
Expected end of value but found ','. Error in parsing value for 'cursor'. Declaration dropped. theme-light.css:1912:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1917:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:1939:13
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:1987:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2069:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2090:13
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:2175:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2177:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2194:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2413:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2519:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2552:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2568:13
Error in parsing value for 'position'. Declaration dropped. theme-light.css:2649:18
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2714:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2778:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2784:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2797:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:2831:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3033:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3057:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3087:13
Unknown property 'mask-position'. Declaration dropped. theme-light.css:3160:25
Unknown property 'mask-position'. Declaration dropped. theme-light.css:3167:25
Unknown property 'mask-repeat'. Declaration dropped. theme-light.css:3184:27
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3215:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3326:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3627:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3806:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3827:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3881:12
Error in parsing value for 'display'. Declaration dropped. theme-light.css:3921:11
Unknown property 'speak'. Declaration dropped. theme-light.css:3952:9
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4041:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4108:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4216:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4301:13
Expected ']' to terminate attribute selector but found 'i'. Ruleset ignored due to bad selector. theme-light.css:4335:44
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4400:13
Error in parsing value for 'word-wrap'. Declaration dropped. theme-light.css:4441:15
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4571:13
Expected end of selector or a user action pseudo-class after pseudo-element but found ':'. Ruleset ignored due to bad selector. theme-light.css:4740:56
Unknown pseudo-class or pseudo-element 'selection'. Ruleset ignored due to bad selector. theme-light.css:4744:18
Unknown property 'user-select'. Declaration dropped. theme-light.css:4758:27
Error in parsing value for 'display'. Declaration dropped. theme-light.css:4897:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5005:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5098:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5136:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5158:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5159:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5186:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5263:13
Error in parsing value for 'align-items'. Declaration dropped. theme-light.css:5266:21
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5300:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5315:13
Unknown property 'mask-repeat'. Declaration dropped. theme-light.css:5357:27
Unknown property 'user-select'. Declaration dropped. theme-light.css:5428:23
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5718:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:5753:23
Unknown property 'user-select'. Declaration dropped. theme-light.css:5805:23
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5926:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:5987:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6011:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6041:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6159:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6457:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6566:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6642:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6650:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6666:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6693:13
Expected color but found '#\37 6CFA67F'. Error in parsing value for 'background-color'. Declaration dropped. theme-light.css:6777:22
Error in parsing value for 'display'. Declaration dropped. theme-light.css:6879:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7258:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7337:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7349:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7360:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7471:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7487:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7534:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7590:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7598:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:7604:23
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7619:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:7624:23
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7647:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:7745:13
Unknown property 'user-select'. Declaration dropped. theme-light.css:8067:15
Error in parsing value for 'text-align'. Declaration dropped. theme-light.css:8152:16
Error in parsing value for 'overflow-x'. Declaration dropped. theme-light.css:8217:16
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8382:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8455:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8542:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8554:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8698:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8758:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8831:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8866:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8877:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8888:13
Error in parsing value for 'justify-content'. Declaration dropped. theme-light.css:8894:25
Error in parsing value for 'word-break'. Declaration dropped. theme-light.css:8906:16
Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'. Ruleset ignored due to bad selector. theme-light.css:8967:36
Error in parsing value for 'display'. Declaration dropped. theme-light.css:8999:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9318:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9367:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9376:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9572:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9649:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9677:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:9709:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10054:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10089:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10100:13
Expected end of value but found 'content'. Error in parsing value for 'flex'. Declaration dropped. theme-light.css:10183:18
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10320:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10366:13
Expected end of value but found 'block'. Error in parsing value for 'display'. Declaration dropped. theme-light.css:10373:20
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10451:13
Unknown pseudo-class or pseudo-element '-webkit-input-placeholder'. Ruleset ignored due to bad selector. theme-light.css:10478:32
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10531:13
Unrecognized at-rule or error parsing at-rule '@charset'. theme-light.css:10574:0
Unknown property 'mask-repeat'. Declaration dropped. [theme-light.css:10617:23]
Unknown property 'mask-position'. Declaration dropped. theme-light.css:10619:25
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10642:13
Error in parsing value for 'display'. Declaration dropped. theme-light.css:10959:13
downloadable font: kern: Too large subtable., table discarded (font-family: "Open Sans" style:normal weight:normal stretch:normal src index:0) source: https://riot.im/experimental/fonts/Open_Sans/OpenSans-Regular.ttf theme-light.css:9:12

[ https://riot.im/experimental/bundles/a3fb9ff5e8dbf575e66e/theme-status.css ]
[ https://riot.im/experimental/bundles/a3fb9ff5e8dbf575e66e/theme-light.css ]

[jryans]

(As an aside, I would urge you to use an up to date browser, as Firefox 43 is now quite an old version, and there are literally hundreds of known vulnerabilities that could potentially affect you.)

It appears that somehow, a single module SdkConfig is not being compiled down to ES5, so it still has the keyword class from ES6 / ES2015 classes, which were first supported in Firefox 45.

[jryans]

It appears this is a regression because of the following line:

https://github.com/vector-im/riot-web/blob/710e295b44c78d72bc96011fe91f72148e0e9868/src/vector/rageshakesetup.js#L29

which was added as part of v0.17.8. Since it uses matrix-react-sdk/src instead of lib, the untransformed original source is used, which includes the class keyword.