diff --git a/app/src/mobile/util/keyboardToolbar.ts b/app/src/mobile/util/keyboardToolbar.ts index 88c5371d1..97a4c4486 100644 --- a/app/src/mobile/util/keyboardToolbar.ts +++ b/app/src/mobile/util/keyboardToolbar.ts @@ -415,11 +415,11 @@ const renderKeyboardToolbar = () => { }; export const showKeyboardToolbar = () => { - if (!showUtil || getSelection().rangeCount === 0) { + if (!showUtil) { hideKeyboardToolbarUtil(); } const toolbarElement = document.getElementById("keyboardToolbar"); - if (!toolbarElement.classList.contains("fn__none")) { + if (!toolbarElement.classList.contains("fn__none") || getSelection().rangeCount === 0) { return; } toolbarElement.classList.remove("fn__none"); diff --git a/app/src/mobile/util/touch.ts b/app/src/mobile/util/touch.ts index 8a9ebbb7c..3fea1d122 100644 --- a/app/src/mobile/util/touch.ts +++ b/app/src/mobile/util/touch.ts @@ -31,7 +31,7 @@ export const handleTouchEnd = (event: TouchEvent, app: App) => { const wysisygElement = hasClosestByClassName(target, "protyle-wysiwyg", true); if (!yDiff || Math.abs(yDiff) < 10) { let editElement: HTMLElement; - if (["INPUT", "TEXTAREA"].includes(target.tagName) && target.getAttribute("readonly") !== "true") { + if (["INPUT", "TEXTAREA"].includes(target.tagName) && target.getAttribute("readonly") !== "readonly") { editElement = target; } else if (wysisygElement && wysisygElement.getAttribute("data-readonly") === "false") { editElement = hasClosestByAttribute(target, "contenteditable", "true") as HTMLElement;