Disable pointer events on svg

This commit is contained in:
zandercymatics 2024-01-31 14:12:49 -07:00
parent 6572ee8d0c
commit 4de7804247
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 7 additions and 1 deletions

View file

@ -135,3 +135,9 @@ abbr[title] {
max-width: 350px;
white-space: normal;
}
// USWDS has weird interactions with SVGs regarding tooltips,
// and other components. In this event, we need to disable pointer interactions.
.disable-pointer-events {
pointer-events: none;
}

View file

@ -68,7 +68,7 @@
title="{{domain.get_state_help_text}}"
focusable="true"
>
<use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
<use class="disable-pointer-events" xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
</svg>
</span>
</td>