Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-25 16:09:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

mobile: make tab active on focus

Browse Source
This commit is contained in:
Ammar Ahmed
2024-03-11 11:21:52 +05:00
committed by Abdullah Atta
parent 4db043b111
commit ab33aa7ebd
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/editor-mobile/src/components/editor.tsx
View File

@@ -74,7 +74,7 @@ const Tiptap = ({
const tabRef = useRef<TabItem>(tab);
const biometryAvailable = useTabStore((state) => state.biometryAvailable);
const biometryEnrolled = useTabStore((state) => state.biometryEnrolled);
const editorRoot = useRef<HTMLDivElement>(null);
const isFocusedRef = useRef<boolean>(false);
tabRef.current = tab;
@@ -228,6 +228,8 @@ const Tiptap = ({
if (!getContentDiv().parentElement) {
contentPlaceholderRef.current?.appendChild(getContentDiv());
}
const editorRootElement = editorRoot.current;
editorRootElement?.classList.add("active");
if (!didCallOnLoad) {
didCallOnLoad = true;
@@ -282,7 +284,10 @@ const Tiptap = ({
if (state.currentTab === prevState.currentTab) return;
updateScrollPosition(state);
});
logger("info", tabRef.current.id, "active");
return () => {
editorRootElement?.classList.remove("active");
logger("info", tabRef.current.id, "inactive");
unsub();
};
}, [getContentDiv]);
@@ -358,7 +363,7 @@ const Tiptap = ({
flexDirection: "column",
maxWidth: "100vw"
}}
id="editorroot"
ref={editorRoot}
onDoubleClick={onClickEmptyArea}
>
<Header