From a3712781e1cfdcd4478aaf0ea6371c4b9acd1466 Mon Sep 17 00:00:00 2001
From: Martin Brennan <martin@discourse.org>
Date: Wed, 22 Feb 2023 13:56:08 +1000
Subject: [PATCH] FIX: Text selection breaking with hashtag SVG in Firefox
 (#20406)

The new hashtags render with an `<svg>` element inside a `<a>`
tag, which is an icon to indicate the "type" of the hashtag.
In Firefox, this was disrupting both triple-click text selection
and simple dragging cursor text selection. The selection would
stop at the SVG rather than continuing past it. This works fine
in Chrome -- either Chrome is not doing the right thing or Firefox
is.

Either way the issue is fixed by simply making the `svg` an inline
element inside the link, which it should be anyway.
---
 app/assets/stylesheets/common/components/hashtag.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/assets/stylesheets/common/components/hashtag.scss b/app/assets/stylesheets/common/components/hashtag.scss
index fa01b928a1..caa7aed2d6 100644
--- a/app/assets/stylesheets/common/components/hashtag.scss
+++ b/app/assets/stylesheets/common/components/hashtag.scss
@@ -33,6 +33,10 @@ a.hashtag-cooked {
     height: 15px;
     vertical-align: text-bottom;
   }
+
+  svg {
+    display: inline;
+  }
 }
 
 .hashtag-autocomplete {