editor: replace afterRender resize dispatch with HOT dimension refresh #246

Open
opened 2026-06-16 20:26:24 +00:00 by sead · 0 comments
Owner

EditorComponent registers an afterRender hook that dispatches a synthetic window resize event on every Handsontable draw:

hot.addHook('afterRender', (isForced) => {
  this.eventService.dispatchEvent('resize') // window.dispatchEvent(new Event('resize'))
  this.fixAriaAccessibility()
})

We should only do targeted hot.refreshDimensions() at the specific moments the editor layout changes:

  • after table data load / parsed-excel preview render,
  • on sidebar collapse/expand,
  • on upload-modal and edit-record-modal open/close,
  • after row add/remove and column show/hide
`EditorComponent` registers an `afterRender` hook that dispatches a synthetic **window** `resize` event on **every** Handsontable draw: ```ts hot.addHook('afterRender', (isForced) => { this.eventService.dispatchEvent('resize') // window.dispatchEvent(new Event('resize')) this.fixAriaAccessibility() }) ``` We should only do **targeted** `hot.refreshDimensions()` at the specific moments the editor layout changes: - after table data load / parsed-excel preview render, - on sidebar collapse/expand, - on upload-modal and edit-record-modal open/close, - after row add/remove and column show/hide
sead added the enhancement label 2026-06-16 20:26:30 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: dc/dc#246