fix(LinkBubble): Allow to close link bubble with Escape

Signed-off-by: Jonas <jonas@freesources.org>
nextcloud · Jan 26, 2024 · 025a719 · 025a719
1 parent dde2f18
commit 025a719
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/extensions/LinkBubblePluginView.js b/src/extensions/LinkBubblePluginView.js
@@ -83,6 +83,13 @@ class LinkBubblePluginView {
 		this.hide()
 	}
 
+	keydownHandler = (event) => {
+		if (event.key === 'Escape') {
+			event.preventDefault()
+			this.hide()
+		}
+	}
+
 	createTooltip() {
 		const { element: editorElement } = this.editor.options
 		const editorIsAttached = !!editorElement.parentElement
@@ -192,9 +199,11 @@ class LinkBubblePluginView {
 
 	show() {
 		this.tippy?.show()
+		this.view.dom.addEventListener('keydown', this.keydownHandler)
 	}
 
 	hide() {
+		this.view.dom.removeEventListener('keydown', this.keydownHandler)
 		this.tippy?.hide()
 	}