fix: suppress map renders during resize drag (#728)

* fix: suppress map renders during resize drag for smoother UX

- Add isResizing flag to DeckGLMap and MapComponent
- Suppress ResizeObserver callbacks during active drag
- Set trackResize: false on maplibre to prevent redundant resizes
- Move render() call from mousemove to mouseup (single clean render)
- Add overflow: hidden to .map-section to prevent visual overflow
- Lower minimum map height from 400px to 350px

Co-authored-by: danielimad <daniel_t_air@hotmail.com>

* fix: prevent stuck isResizing via centralized endResize

Extract endResize() and trigger from mouseup, window blur, and
visibilitychange to prevent permanently suppressed ResizeObserver
if mouseup is missed (e.g. alt-tab during drag).

---------

Co-authored-by: danielimad <daniel_t_air@hotmail.com>
This commit is contained in:
Elie Habib
2026-03-02 09:56:42 +04:00
committed by GitHub
parent e015962420
commit 897033570f
5 changed files with 45 additions and 9 deletions

View File

@@ -749,6 +749,7 @@ canvas,
flex-direction: column;
flex-shrink: 0;
position: relative;
overflow: hidden;
}
.map-section.hidden {