Event handlers fail to affect hidden components

I have been following this tutorial to implement a collapsible side container, but it seems that the event handlers now don't work like they did before. In order to ensure that the data matches in between the mainTable and the filterTable, this person used event handlers to change the selected row, sort, and current page of the other table whenever the current table was changed.

I tried to implement this, however, it appears that, while at the time of this tutorial it was possible for event handlers to change hidden components, now event handlers cannot affect hidden components. Is this a bug? If not, is there a workaround?

Event handler fails when component is hidden at event time:
Screen Recording 2023-07-27 at 13.43.35

Event handler succeeds when component is not hidden at event time:
Screen Recording 2023-07-27 at 13.41.49

I got an answer from support:

I checked on this tutorial you were following and the table referenced on this is actually our legacy table. I tried building an app following this tutorial using our new table component and I think that is where the issue lies. It seems that some functionality on this tutorial is not yet available on our new table component.

For now, you could try building with the legacy table component to have the functionality described in the tutorial.

I will submit a feature request about this to our team so that possibly, we can see this on the new table component as well.

1 Like