admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: fix table columns resize glitches on slow network (#1707)

Browse Source 
Fixes #1580
This commit is contained in:
Thaïs
2023-09-22 19:45:29 +02:00
committed by GitHub
parent 20267f081a
commit 1c3897848f
8 changed files with 137 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/modules/ui/table/components/EntityTableHeader.tsx
View File

@ -126,6 +126,10 @@ export const EntityTableHeader = () => {
),
);
set(resizeFieldOffsetState, 0);
setInitialPointerPositionX(null);
setResizedFieldKey(null);
if (nextWidth !== tableColumnsByKey[resizedFieldKey].size) {
const nextColumns = tableColumns.map((column) =>
column.key === resizedFieldKey
@ -135,10 +139,6 @@ export const EntityTableHeader = () => {
await handleColumnsChange(nextColumns);
}
set(resizeFieldOffsetState, 0);
setInitialPointerPositionX(null);
setResizedFieldKey(null);
},
[resizedFieldKey, tableColumnsByKey, tableColumns, handleColumnsChange],
);

4
front/src/modules/ui/table/hooks/useTableColumns.ts
View File

@ -34,10 +34,10 @@ export const useTableColumns = () => {
const handleColumnsChange = useCallback(
async (columns: ColumnDefinition<ViewFieldMetadata>[]) => {
await onColumnsChange?.(columns);
setSavedTableColumns(columns);
setTableColumns(columns);
await onColumnsChange?.(columns);
},
[onColumnsChange, setSavedTableColumns, setTableColumns],
);