IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 02:40:53 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Text selection breaking with hashtag SVG in Firefox (#20406)

Browse Source 
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.
This commit is contained in:
Martin Brennan 2023-02-22 13:56:08 +10:00 committed by GitHub
parent dc9af48942
commit a3712781e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/components/hashtag.scss
View File

@ -33,6 +33,10 @@ a.hashtag-cooked {
height: 15px;
vertical-align: text-bottom;
}
svg {
display: inline;
}
}
.hashtag-autocomplete {