justinpark opened a new pull request, #42097:
URL: https://github.com/apache/superset/pull/42097

   ### SUMMARY
   Following the Ant Design version upgrade, the Table component's advanced 
header/column features (sticky headers, column resize/measure logic, etc.) 
trigger heavy internal operations that get re-run on every re-render, and 
resizing the browser window (or a dashboard tile) forces TimeTable's underlying 
TableView/TableCollection (react-table + antd Table) to re-render on every 
resize tick — combining into visible jank while dragging, especially for tables 
with many rows/columns.
   
   This adds a window resize listener in TimeTable.tsx: as soon as a resize 
event fires, TableView is unmounted from the render tree (isSizeStable flips to 
false); once no further resize events arrive for 500ms (RESIZE_DEBOUNCE_MS), 
it's rendered again. The listener is attached once on mount and cleaned up 
(listener + pending timer) on unmount.
   
   
   ### BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
   
   Before:
   
   
https://github.com/user-attachments/assets/c029a17a-af9f-4cea-aff4-f4722f3ac0ec
   
   
   After:
   
   
https://github.com/user-attachments/assets/99a632c1-1e28-4829-aa99-0fec97a5a2ac
   
   
   ### TESTING INSTRUCTIONS
   
   - Add a Time-series Table chart with many metrics/columns to a dashboard.
   - Drag the browser window edge to resize it continuously.
   - Confirm the table content disappears while actively resizing and reappears 
~500ms after resizing stops, with no console errors.
   - TimeTable.test.tsx unit tests continue to pass.
   
   ### ADDITIONAL INFORMATION
   <!--- Check any relevant boxes with "x" -->
   <!--- HINT: Include "Fixes #nnn" if you are fixing an existing issue -->
   - [ ] Has associated issue:
   - [ ] Required feature flags:
   - [ ] Changes UI
   - [ ] Includes DB Migration (follow approval process in 
[SIP-59](https://github.com/apache/superset/issues/13351))
     - [ ] Migration is atomic, supports rollback & is backwards-compatible
     - [ ] Confirm DB migration upgrade and downgrade tested
     - [ ] Runtime estimates and downtime expectations provided
   - [ ] Introduces new feature or API
   - [ ] Removes existing feature or API
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to