Commit 033be84
feat(AnalyticalTable): optimize column resize performance and handling (#8392)
This PR forks the`useResizeColumns` `react-table` hook with the
following main adjustments:
- Deferred resize: CSS transform feedback during drag (zero renders),
single state dispatch on mouseup
- RTL delta inversion inlined into the reducer (previously handled in
`stateReducer.ts`)
- Added `e.preventDefault()` on mousedown to prevent text selection in
Firefox during drag
- Added 3px dead zone and `data-active-resizer` attribute for
double-click compatibility
- Clamped resize width to `minWidth` in both the visual drag and the
reducer (original clamps to 0)
Also, the `useOnClumnResize` plugin hook needed to be adjusted, as
deferred resizing doesn't update the table state on each tick. Threfore,
for the live mode of the hook, the respective event handler is now
registered inside the hook.
Fixes #2665
---------
Co-authored-by: Marcus Notheis <marcus.notheis@sap.com>1 parent f022f6e commit 033be84
0 file changed
0 commit comments