Announcements

Help Wizard

Step 1

NEXT STEP

Spotify Web Player passes clicks through top bar

Spotify Web Player passes clicks through top bar

Device/OS

Windows 10, Firefox, Web Player

(Apologies for posting this in the wrong forum, but there doesn't seem to be a specific forum for the web player.)

 

My Question or Issue

The top bar (black or purple, depending on page) uses the pointer-events: none CSS property, which allows user interaction with non-visible elements.

 

When the cursor is hovered over the crosshair in this photo, you can see that the browser identifies this as a link hotspot, and shows the URL in the bottom left corner.

pointer-events-none.png

 

By disabling the pointer-events: none rule, (causing it to reset to pointer-events: auto), the same spot no longer appears as a hotspot, and is not clickable.

pointer-events-auto.png

Notably, all other elements in the top bar and user menu still function as normal with pointer-events: auto.

 

Recommend updating the CSS to remove this property from this element.

Reply
0 Replies

Suggested posts