Posts

Showing posts with the label cross-browser

Edge17 - SEC7136 - The origin failed an integrity check for a resource

Edge17 - SEC7136 - The origin failed an integrity check for a resource In a jekyll website, I added a plugin (http://flexslider.woothemes.com/), everything is working fine upto Edge16 & below browsers, however, in Edge17, I see the console message: SEC7136: [Integrity] The origin '[insert url]' failed an integrity check for a style resource at '[url]' SEC7136: [Integrity] The origin '[insert url]' failed an integrity check for a style resource at '[url]' What is this error about? And how is the offending file, in this case, a CSS file, causing an integrity issue in Edge17 & not the previous version? Thanks 1 Answer 1 This is a known bug in 1803 Win10 release. You are probably importing a CSS stylesheet and even though the parent has good integrity Edge regards the imported stylesheet as "Bad" integrity and blocks it - Which is not correct and hence a...

Cross-Browser SVG Text Baseline Alignment

Image
Cross-Browser SVG Text Baseline Alignment This is how SVG text is rendered in browser for Chrome with the following (note in react so camel case attributes) <text x="50%" y="50%" className='middleText' textAnchor="middle" alignmentBaseline="middle" >{style.displayVal.toFixed(precision)}</text> This is how the text renders in Firefox: What is the best way you've found to get consistent baseline crossbrowser? 1 Answer 1 replace alignmentBaseline with dominantBaseline. Firefox does not currently support the former property but does support the latter. By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your co...