luulam/AFFiNE
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(component): stop renaming modal propagation & input auto focus (#7653)

Browse Source 
close AF-1125
This commit is contained in:
CatsJuice
2024-07-31 02:26:30 +00:00
parent c1b26473a9
commit 12a2f929f8
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/frontend/component/src/components/rename-modal/index.tsx
View File

@@ -44,6 +44,7 @@ export const RenameModal = ({
side: 'left', side: 'left',
onPointerDownOutside: handleRename, onPointerDownOutside: handleRename,
sideOffset: -12, sideOffset: -12,
onClick: e => e.stopPropagation(),
}} }}
items={ items={
<Input <Input

6
packages/frontend/component/src/ui/input/input.tsx
View File

@@ -58,7 +58,11 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(function Input(
const inputRef = useRef<HTMLInputElement | null>(null); const inputRef = useRef<HTMLInputElement | null>(null);
useLayoutEffect(() => { useLayoutEffect(() => {
if (inputRef.current && (autoFocus || autoSelect)) { if (inputRef.current && (autoFocus || autoSelect)) {
inputRef.current?.focus(); // to avoid clicking on something focusable(e.g MenuItem),
// then the input will not be focused
setTimeout(() => {
inputRef.current?.focus();
}, 0);
if (autoSelect) { if (autoSelect) {
inputRef.current?.select(); inputRef.current?.select();
} }