smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix error with contentEditable (#803)

Browse source
This commit is contained in:
Jed Fox 2020-02-21 22:51:34 -05:00 • committed by GitHub
parent 277eeb47cc
commit 43236bed68
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/ProjectName.tsx
View file

@ -31,12 +31,19 @@ export class ProjectName extends Component<Props> {
e.currentTarget.blur();
}
};
private makeEditable = (editable: HTMLSpanElement) => {
try {
editable.contentEditable = "plaintext-only";
} catch {
editable.contentEditable = "true";
}
};
public render() {
return (
<span
suppressContentEditableWarning
contentEditable={"plaintext-only" as any}
ref={this.makeEditable}
data-type="wysiwyg"
className="ProjectName"
role="textbox"

6
src/element/textWysiwyg.tsx
View file

@ -34,7 +34,11 @@ export function textWysiwyg({
// But this solution has an issue — it allows to paste
// multiline text, which is not currently supported
const editable = document.createElement("div");
editable.contentEditable = "plaintext-only";
try {
editable.contentEditable = "plaintext-only";
} catch {
editable.contentEditable = "true";
}
editable.tabIndex = 0;
editable.innerText = initText;
editable.dataset.type = "wysiwyg";