Skip to content

Commit 6337742

Browse files
committed
Added "user-select: inherit" to .FunInlineEmoji based on PR feedback
1 parent 7a51e17 commit 6337742

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

stylesheets/components/fun/FunEmoji.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,12 @@ $inline-emoji-container-name: inline-emoji;
161161
margin-bottom: round(-0.4em + 1px, 1px);
162162
vertical-align: baseline;
163163
content-visibility: auto;
164-
user-select: none;
164+
// We want to inherit here since most usage of <Emojify> should not be
165+
// selectable, but in cases like messages, conversation titles/descriptions,
166+
// etc we want emoji to be selectable within the surrounding text.
167+
// If the root `.FunInlineEmoji` element isn't selectable, then selection
168+
// can't start on the emoji itself.
169+
user-select: inherit;
165170
}
166171

167172
.FunEmojiSelectionText {

0 commit comments

Comments
 (0)