developmentseed
Avoid sidebar re-render when clicking points
Right now there's some jitter when clicking on geometries because the sidebar resizes based on the size of the columns:
https://github.com/user-attachments/assets/03155387-ff27-4d6b-ae2d-7eb5c44679b8
@vgeorge any thoughts?
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.
@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 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.