Using latest update of Chrome: Version 64.0.3282.167 (Official Build) (64-bit)
Custom WAB application leveraging CDN Esri JSAPI 3.21.
I'm having a new issue (today, since updating from Chrome 63.x to the latest Chrome 64 version) with the version of Dojo hosted by Esri's CDN (js.arcgis.com):
The page fails to load with a series of dojox mobile buttons.
Console log shows this error:
DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
at f (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:3:276)
Others seem to have similar issues with the Chrome 64 update breaking CSS-related stuff:
https://bugs.dojotoolkit.org/ticket/19100
and
https://what.thedailywtf.com/topic/24540/borked-chrome-64
and
https://github.com/odoo/odoo/issues/22517
full error stack:
DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
at f (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:3:276)
at f (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:3:253)
at Object.createDomButton (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:4:67)
at Object.createIcon (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:5:309)
at Object.setIcon (https://js.arcgis.com/3.21compact/dojox/mobile/iconUtils.js:6:401)
at Object._setIcon (https://js.arcgis.com/3.21compact/dojox/mobile/ListItem.js:13:55)
at Object._setRightIconAttr (https://js.arcgis.com/3.21compact/dojox/mobile/ListItem.js:14:222)
at Object.setArrow (https://js.arcgis.com/3.21compact/dojox/mobile/ListItem.js:12:204)
at Object.startup (https://js.arcgis.com/3.21compact/dojox/mobile/ListItem.js:7:316)
at Object.addChild (https://js.arcgis.com/3.21compact/dojox/mobile.js:46:327)
Solved! Go to Solution.
This appears to be an issue strictly with the dojox/mobile component that I am leveraging here.
The error occurs when adding a "dojox/mobile/ListItem" to the "dojox/mobile/RoundRect" component.
Since this is not a core part of Dojo and not a component used directly within JSAPI 3.x (or WAB), Esri can't support a fix for this. A fix will need to come directly from Dojo and may take some time to pull into the CDN version offered by Esri.
Soo... in the meantime, I'll be rewriting that portion of my application to use Bootstrap controls to show the mobile-friendly list item controls I need.
This appears to be an issue strictly with the dojox/mobile component that I am leveraging here.
The error occurs when adding a "dojox/mobile/ListItem" to the "dojox/mobile/RoundRect" component.
Since this is not a core part of Dojo and not a component used directly within JSAPI 3.x (or WAB), Esri can't support a fix for this. A fix will need to come directly from Dojo and may take some time to pull into the CDN version offered by Esri.
Soo... in the meantime, I'll be rewriting that portion of my application to use Bootstrap controls to show the mobile-friendly list item controls I need.
We ran into this issue in Chrome 64 as well this week.
I ended up updating our application using your suggesting of Bootstrap controls, specifically the list-group. Got it to work perfectly!
Thanks for sharing!