mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-09-01 19:22:35 +02:00
Code Issues Releases Wiki Activity

fix: chromium interrupt ime (#5736)

Browse Source
This commit is contained in:
Czy
2024-10-08 21:55:45 +08:00
committed by GitHub
parent b1a1021612
commit 8c7f7ea6ac
2 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
site/examples/js/mentions.jsx
View File

@@ -220,18 +220,22 @@ const Mention = ({ attributes, children, element }) => {
data-cy={`mention-${element.character.replace(' ', '-')}`} data-cy={`mention-${element.character.replace(' ', '-')}`}
style={style} style={style}
> >
{IS_MAC ? ( {/* Prevent Chromium from interrupting IME when moving the cursor */}
// Mac OS IME https://github.com/ianstormtaylor/slate/issues/3490 {/* 1. span + inline-block 2. div + contenteditable=false */}
<Fragment> <div contentEditable={false}>
{children}@{element.character} {IS_MAC ? (
</Fragment> // Mac OS IME https://github.com/ianstormtaylor/slate/issues/3490
) : ( <Fragment>
// Others like Android https://github.com/ianstormtaylor/slate/pull/5360 {children}@{element.character}
<Fragment> </Fragment>
@{element.character} ) : (
{children} // Others like Android https://github.com/ianstormtaylor/slate/pull/5360
</Fragment> <Fragment>
)} @{element.character}
{children}
</Fragment>
)}
</div>
</span> </span>
) )
} }

28
site/examples/ts/mentions.tsx
View File

@@ -242,18 +242,22 @@ const Mention = ({ attributes, children, element }) => {
data-cy={`mention-${element.character.replace(' ', '-')}`} data-cy={`mention-${element.character.replace(' ', '-')}`}
style={style} style={style}
> >
{IS_MAC ? ( {/* Prevent Chromium from interrupting IME when moving the cursor */}
// Mac OS IME https://github.com/ianstormtaylor/slate/issues/3490 {/* 1. span + inline-block 2. div + contenteditable=false */}
<Fragment> <div contentEditable={false}>
{children}@{element.character} {IS_MAC ? (
</Fragment> // Mac OS IME https://github.com/ianstormtaylor/slate/issues/3490
) : ( <Fragment>
// Others like Android https://github.com/ianstormtaylor/slate/pull/5360 {children}@{element.character}
<Fragment> </Fragment>
@{element.character} ) : (
{children} // Others like Android https://github.com/ianstormtaylor/slate/pull/5360
</Fragment> <Fragment>
)} @{element.character}
{children}
</Fragment>
)}
</div>
</span> </span>
) )
} }