Skip to content

Commit 81cb339

Browse files
committed
Added "user-select: inherit" to .FunInlineEmoji based on PR feedback
1 parent ac47966 commit 81cb339

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
@@ -164,7 +164,12 @@ $inline-emoji-container-name: inline-emoji;
164164
margin-bottom: round(-0.4em + 1px, 1px);
165165
vertical-align: baseline;
166166
content-visibility: auto;
167-
user-select: none;
167+
// We want to inherit here since most usage of <Emojify> should not be
168+
// selectable, but in cases like messages, conversation titles/descriptions,
169+
// etc we want emoji to be selectable within the surrounding text.
170+
// If the root `.FunInlineEmoji` element isn't selectable, then selection
171+
// can't start on the emoji itself.
172+
user-select: inherit;
168173
}
169174

170175
.FunEmojiSelectionText {

0 commit comments

Comments
 (0)