Ensure start button icon is not focusable in Internet Explorer

alphagov · May 15, 2019 · 44e33c3 · 44e33c3
1 parent ee4c3f6
commit 44e33c3
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/button/template.njk b/src/components/button/template.njk
@@ -21,7 +21,10 @@
 
 {% if params.isStartButton %}
   {% set iconHtml %}
-<svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40">
+{#- The SVG needs `focusable="false"` so that Internet Explorer does not
+treat it as an interactive element - without this it will be
+'focusable' when using the keyboard to navigate. #}
+<svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" focusable="false">
   <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
 </svg>
   {% endset %}