Skip to content

Instantly share code, notes, and snippets.

@tcrowe

tcrowe/clickable-svg-path-note.md

Created September 24, 2019 20:39
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tcrowe/7aece4c11a66f8e191b52f011488e236 to your computer and use it in GitHub Desktop.
Save tcrowe/7aece4c11a66f8e191b52f011488e236 to your computer and use it in GitHub Desktop.
Download ZIP
Reminer about clickable SVG path
Raw
clickable-svg-path-note.md

A pal discovered a trick with SVG paths. It was not clickable by default!

He found that you must customize it with CSS:

figured it out, for future reference you need to set 
the "pointer-events" property on a path to make it
clickable. There are various options available.

Found a handy little reference here...

https://webplatform.github.io/docs/css/properties/pointer-events/

This is a reminder for our svelte community while we are chatting. 😁👍

@tcrowe
Copy link
Author

tcrowe commented Sep 24, 2019

https://www.smashingmagazine.com/2018/05/svg-interaction-pointer-events-property/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment