Are there compatibility issues with Canvas animations (that have interactivity like button links) working in Safari or Chrome? I'm running: Apple Safari Version 11.0.2 (12604.4.7.1.6) Google Chrome Version 63.0.3239.132 (Official Build) (64-bit) Mozilla Firefox Version 57.0.4 (64-bit) The responsive HTML5 page is otherwise VERY simple. Animate generates an HTML page containing the Script in the header, and body onload command, the div containing the animations, and a separate .js file. I've imported these into my Dreamweaver site. I have not altered the Animate generated .js in any way, or any of the scripts I'm not using a framework (outside of Flexbox for responsiveness), I'm coding from scratch, trying to build a SIMPLE responsive Holy Grail 3 column design, and all the page has on it is: layout.css – basic sizing, etc normalize.min.css – available online and intended to (as the name suggests) normalize positioning display across all browsers createjs-2015.11.26.min.js generatedpage.js The #animation_container style that Animate generates when you output a Canvas file Flexbox container 1st row div + 3 column divs inside – that includes top level Home nav link, secondary level Page link, and the Brand logo 2nd row div + 3 column divs – just a spacer to prevent overlapping 3rd row div + 3 column divs – I have the Canvas element parked inside the middle column The position of that element is controlled by an additional div class="shape_block", and corresponding css in the layout.css file of: .shape_block { position: relative; min-height: 760px; min-width: 760px; } 4th row div + 3 column divs – another spacer to prevent overlapping 5th row div + 4 column divs – footer with text nav links in each column (This row lives inside a <div class="navbar-fixed-bottom"></div>) That's it. Safari – Canvas element shows up, but interactive buttons don't work (cannot see the hover state of the button, nor does the link to a new page work). Chrome – Same error. Firefox – Everything works fine. IE – I don't use, because screw Micro$soft. I was done fighting with that one in 1999. Edge – Don't trust it because Micro$soft. Same brand of stupid, different day. The Canvas element also functions fully in Live Preview within Dreamweaver, button links and hover states working fine. From what I understand, OAM files (output from Animate as an alternative to Canvas) are being deprecated, so that doesn't seem a solution, as I need this to function for longer than five minutes before some goober changes the WC3 standards yet again. (Please correct me if I'm wrong about this.) Trying to determine if this is a browser problem that can be resolved with additional code, or if it's a code interaction problem somewhere between Flexbox, HTML5 .js, css, and Canvas, or what? I've been fighting with this for a while, and can't pinpoint the problem beyond stupid browser issues – which considering that I'm using recent versions of all of them, seems like something Adobe developers would have accounted for. Need an answer either from the forum or from Adobe Technical Support as my business is counting on this working. And gee, an actual phone number one can find on the website to call a human at some point, would be spiffy too. Honestly, Flash worked better than all this BS. I really wish you guys had just sorted out the security issues with Apple and left that format intact, because Canvas seems a giant pain in the behind. Instead of code getting cleaner and easier to use over time, it's just gotten frustratingly overthought where it shouldn't be, and underthought where more thinking should have occurred. Rant complete. Help will be appreciated.
... View more