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

editor: improve inline math

Browse Source 
* fix isActive
* fix UI when isActive

Signed-off-by: 01zulfi <85733202+01zulfi@users.noreply.github.com>
This commit is contained in:
01zulfi
2025-12-15 16:42:40 +05:00
parent 175906bf1b
commit d13221a77a
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/editor/src/extensions/math/component.tsx
View File

@@ -36,9 +36,11 @@ const VISIBLE_STYLES = {
};
export function InlineMathComponent(props: SelectionBasedReactNodeViewProps) {
const { editor, getPos, forwardRef } = props;
const { editor, node, getPos, forwardRef } = props;
const elementRef = useRef<HTMLDivElement>(null);
const isActive = editor.isActive(MathInline.name);
const pos = getPos();
const { from, to } = editor.state.selection;
const isActive = from >= pos && to < pos + node.nodeSize;
useEffect(() => {
if (isActive) return;
@@ -72,7 +74,13 @@ export function InlineMathComponent(props: SelectionBasedReactNodeViewProps) {
: HIDDEN_STYLES)
}}
>
<Text as="span" ref={forwardRef} />
<Text
as="span"
ref={forwardRef}
sx={{
div: { display: "inline" }
}}
/>
</Text>
<Text
as="span"