We have moved to GitHub Issues
Created by Kevin Jump 06 Feb 2018, 11:42:28 Updated by Sebastiaan Janssen 06 Jun 2018, 07:58:38Tags: PR
This might be a chrome issue - but after upgrading to Chome 64 I can no longer pick icons for a doctype When including an external css file in the back office
I have a package.manifest that brings in a typekit font to the back-office - (for editor styling titles, etc..) - this works fine in Firefox and chrome pre 64 - but since upgrading to chrome, opening the icon dialog is blank and the chrome console logs the following error:
angular.min.js?cdv=1788156276:63 Error: Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules at umbraco.services.js?cdv=1788156276:2938 at angular.min.js?cdv=1788156276:108 at e (angular.min.js?cdv=1788156276:31) at angular.min.js?cdv=1788156276:34
looking at the document.Stylesheets object in the browser i can see i don't have rules or CSSRules for the imported style-sheets. (see attached)
Things i have tried :
I don't know if this can be mitigated in
umbraco.services.iconHelper but that is where the exception is being thrown
after a bit of looking around it appears this is the change in chrome : https://chromium.googlesource.com/chromium/src/+/a4ebe08c91e29140e700c7bae9b94f27a786d1ca
Update behavior of CSSStyleSheet to match spec for Security origin
Updated: the following methods now throw a SecurityError if the style sheet is not accessible:
Bug: 775525 Change-Id: I409d486df0f0fdced4684b19e3fae4c3a0ec2868 Reviewed-on: https://chromium-review.googlesource.com/783911 Commit-Queue: meade_UTC10 email@example.com Reviewed-by: nainar firstname.lastname@example.org Cr-Commit-Position: refs/heads/master@
so chrome now throws an exception if you try to access the rules of an external stylesheet.
Thanks for this issue report Kevin! I had the same problem.
I went through all the plugins I had installed and found that one plugin had a reference to Google fonts, when i removed it the icons started to work again.
css: [ //"https://fonts.googleapis.com/css?family=Tangerine" ]
happens also with Chrome and Evernote extension
+1 for having the issue with the Evernote extension installed. Disabling the extension and I get the icons back again.
@ProNotion @meixger evernote disable fixed it here to
Backwards Compatible: True
Due in version: 7.11.0