mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Scroll to currently softfocus cell (#1008)

Browse Source 
* - scroll to currently softfocus cell

* - moved useEffect to CellSoftFocus component
This commit is contained in:
brendanlaschke
2023-08-01 00:50:08 +02:00
committed by GitHub
parent f111440e00
commit 700b567320
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/modules/ui/table/editable-cell/components/EditableCellSoftFocusMode.tsx
View File

@ -1,4 +1,4 @@
import { PropsWithChildren } from 'react';
import { PropsWithChildren, useEffect, useRef } from 'react';
import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
import { isNonTextWritingKey } from '@/ui/utilities/hotkey/utils/isNonTextWritingKey';
@ -13,6 +13,12 @@ type OwnProps = PropsWithChildren<unknown>;
export function EditableCellSoftFocusMode({ children }: OwnProps) {
const { openEditableCell } = useEditableCell();
const scrollRef = useRef<HTMLDivElement>(null);
useEffect(() => {
scrollRef.current?.scrollIntoView({ block: 'nearest' });
});
function openEditMode() {
openEditableCell();
}
@ -52,7 +58,11 @@ export function EditableCellSoftFocusMode({ children }: OwnProps) {
}
return (
<EditableCellDisplayContainer onClick={handleClick} softFocus>
<EditableCellDisplayContainer
onClick={handleClick}
softFocus
scrollRef={scrollRef}
>
{children}
</EditableCellDisplayContainer>
);