FIX: Workaround for Edge issue with clicks on SVGs

FIX: Workaround for Edge issue with clicks on SVGs
diff --git a/app/assets/stylesheets/common/components/svg.scss b/app/assets/stylesheets/common/components/svg.scss
index d4b88f1..b8d2e64 100644
--- a/app/assets/stylesheets/common/components/svg.scss
+++ b/app/assets/stylesheets/common/components/svg.scss
@@ -11,6 +11,12 @@
   overflow: visible;
 }
 
+// Fixes Edge bug with SVG elements not triggering click event
+svg,
+svg use {
+  pointer-events: none;
+}
+
 // Stacked Icons
 // Usage:
 // <span class="fa-stack">

GitHub
sha: 28283c23

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/microsoft-edge-hamburger-menu-reloads-page/104773/6

I wonder if this should go into a EdgeHTML hacks scss file, so we can purge it next year when old EdgeHTML dies.

2 Likes

I thought of adding to a separate file, but I decided against it since there are IE overrides a bit all over the style files. Plus, Edge will die officially next year, but we’ll likely have to keep these hacks around for a bit longer (IE11 users are still going strong…).

3 Likes