mirror/outline
1
0
Fork 0
mirror of https://github.com/outline/outline.git synced 2026-01-08 12:09:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: Cursor disappearing behind emoji (#3786)

Browse Source 
* fix: Cursor disappearing behind emoji

* Move emoji node styles to `Styles.ts`

* fix: grammar

* fix: Pasting emoji adds a new line

* fix: DOM element type
This commit is contained in:
CuriousCorrelation
2022-07-17 19:19:39 +05:30
committed by GitHub
parent c00bad38e2
commit 5924f4909f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shared/editor/nodes/Emoji.tsx
View File

@@ -35,9 +35,9 @@ export default class Emoji extends Node {
selectable: false,
parseDOM: [
{
tag: "span.emoji",
tag: "strong.emoji",
preserveWhitespace: "full",
getAttrs: (dom: HTMLDivElement) => ({
getAttrs: (dom: HTMLElement) => ({
"data-name": dom.dataset.name,
}),
},
@@ -48,7 +48,7 @@ export default class Emoji extends Node {
nameToEmoji[node.attrs["data-name"]]
);
return [
"span",
"strong",
{
class: `emoji ${node.attrs["data-name"]}`,
"data-name": node.attrs["data-name"],
@@ -57,7 +57,7 @@ export default class Emoji extends Node {
];
}
const text = document.createTextNode(`:${node.attrs["data-name"]}:`);
return ["span", { class: "emoji" }, text];
return ["strong", { class: "emoji" }, text];
},
toPlainText: (node) => nameToEmoji[node.attrs["data-name"]],
};