Control <table> hide columns - ResizeObserver loop completed with undelivered notifications

[Paolo-lab]

Hi everyone,
after updating "@itwin/itwinui-react" from version "^1.48.2" to version "^2.12.16", I had to update it because I didn't have "notificationMarker" in my previous version, I'm having problems when in a I control

to hide or display columns,
through "ActionColumn({columnManager: true})" the error it generates is
"ResizeObserver loop completed with undelivered notifications"

what I can say is that the elements in the table are around 200, therefore a fairly small number
unfortunately it gives me references to bundle.js, so it's difficult for me to understand where the problem arises

I had the same problem, fortunately solved on a modal

I hope you can give me some help
thanks Paul

[mayank99]

Could you provide a minimal reproduction by forking this sandbox? It's hard to understand/debug the problem without the full context.

[Paolo-lab]

hello everyone good morning.
thanks for the reply @mayank99, unfortunately it remains complex for me to port the code to sandBox, but I don't know if it's possible, but it seems to me that the problem is with the headers, in version 1.48.2 I had decidedly long headers and the string it was going to hide under the other columns in this version 2.12.16, this doesn't happen, and it creates very tall headers for me

if I go to modify the headers, that is, I make sure that they enter the column, the problem disappears.

I attach two images

1. the first without data

2. the second with the data, as you can see the headers become very tall.

a second problem I've encountered is the checkboxes that put a box around the checkbox

thanks for the help Paul

[mayank99]

For the header cells becoming very tall, the general advice is to set a minWidth in your column object and let it scroll horizontally. For non-header data cells, there are some other suggestions here.

As for the second problem regarding checkboxes, I believe that is because you may have some stray v1 CSS import on a page that doesn't use v1 components. See similar comment that might be helpful.