Avoid sidebar resize when clicking points

[kylebarron]

Right now there's some jitter when clicking on geometries because the sidebar resizes based on the size of the columns:

Screen.Recording.2024-10-07.at.3.30.29.PM.mov

@vgeorge any thoughts?

[kylebarron]

I'm also surprised that there's full half-second lag to update the sidebar. It looks like every time you click there's a full map re-render (there's a flash), which is very bad.

This is possibly linked to the sidebar resizing if it forces the size of the deck.gl canvas to reset.

[vgeorge]

@kylebarron The component re-renders on any view size change, not only when the sidebar resizes. You can confirm this by resizing the browser window without clicking any element. Looking at a Deck.gl example, it doesn’t re-render on window resize, so the issue is very likely in our component implementation and probably existed before the sidebar.

We can mitigate it by setting a fixed width to the sidebar, but it will still flash when closed and opened. The delay in showing the sidebar might be related to this.

[kylebarron]

@vgeorge is this closed by #701?

[vgeorge]

@kylebarron I think so. The sidebar jittering should be gone, although the re-render issue is not fixed by #701 because it is not related to the sidebar implementation.