Cursor opacity issue on some browsers.

stephenscaff / react-animated-cursor

An animated custom cursor React component.

ISC License

277 stars 28 forks source link

Cursor opacity issue on some browsers. #3

Closed ashley00101010 closed 3 years ago

ashley00101010 commented 3 years ago

Cursor stays at opacity: 0 in other browsers than chrome on mac.

stephenscaff commented 3 years ago

Sorry - just noticed this. Will take a look.

Do you have specifics?

stephenscaff commented 3 years ago

Fixed this by updating events mouseenter -> mouseover and mouseexit -> mouseout.

You can see the update here.

Although, Safari is blurring the cursor scaling transition on hover/click. Have tried all the common ways to address this, none seem to work. Will need to explore this some more.