Fix #17563: NVUI - board becomes unresponsive after layout change

[Diogo1457]

Fix #17563: NVUI board becomes unresponsive after layout change

The board stopped responding to clicks and keyboard input after changing the layout in NVUI mode. This happened because event listeners were bound directly to button elements, which were destroyed and recreated during re-render, causing the listeners to be lost.

Fix

Replaced direct event binding with delegated events attached to the board container to ensure handlers persist across DOM updates.

Added namespaced event cleanup using $board.off('.nvui') to prevent duplicate bindings when the hook runs multiple times.

Updated the render hook to call boardEventsHook on both insert and update, ensuring events are consistently reattached after every re-render.

Testing

Manually tested by:

• Playing a game in NVUI mode
• Changing the board layout multiple times
• Verifying that click and keyboard interactions continue to work correctly

Also ran all frontend tests and confirmed they pass.

Demo / Video

A short video demonstrating the bug and explaining the changes:

Watch the video

[yafred]

Thanks for the fix ... and, even better, for the PR style (so easy to review)

As for the nvui part, I confirm it solves the problem ...

There are 2 other boards that use the same model

• lila/ui/analyse/src/view/nvuiView.ts

  Line 150 in 1cf9d41

  { hook: { insert: el => boardEventsHook(ctx, el.elm as HTMLElement) } },

• lila/ui/puzzle/src/view/nvuiView.ts

  Line 108 in 1cf9d41

  insert: el =>