tomhodgins / cssplus Goto Github PK

Hello! I'm super intrigued and curious to test Aspecty. I'm getting the following error and not sure why. Can you shed any light?

I tried on 2 different test sites, both with Local by Flywheel.

Uncaught DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
    at Array.from.sheet (https://sandbox.dev/wp-content/themes/sandbox/assets/js/aspecty.js?ver=0.0.12:116:9)
    at Function.from (<anonymous>)
    at Object.aspecty.findRules (https://sandbox.dev/wp-content/themes/sandbox/assets/js/aspecty.js?ver=0.0.12:113:10)
    at aspecty.load (https://sandbox.dev/wp-content/themes/sandbox/assets/js/aspecty.js?ver=0.0.12:99:12)

Does this project's browser support map directly to CSS Variable support? Does it attempt to polyfill anything? A brief comment of "Evergreen browser support only" would go a long way.

Looks like a cool project, excited to take it for a spin!

I found a small cross-browser issue in scrollery.js. If I add data-scrollery=body to the body element, the event listener is added to window, but the window.scrollTop attribute does not exist. However document.documentElement.scrollTop does work.

Example:
Open http://csspl.us/test/scrollery.html in Firefox 54.0

All works fine for width changes.
Could you extend the property to handle as well when the height is changed to adjust width - keeping the aspect ratio.

I'm wondering if I did something wrong. I have installed cssplus from npmjs but there is no aspecty.js included.

Any idea?

everything is fine until you don't move mouse pointer

when you move mouse pointer and you crossover on object what use aspecty aspect ratio , page scrolled to top of page
it happens with any event like 'click','mouseenter' , etc.

and it's not belong to that object
when you click on main container or anchor tag , it happens, eventhough that object not using aspecty aspect ratio