antvis / L7

🌎 Large-scale WebGL-powered Geospatial Data Visualization analysis engine.
https://l7.antv.antgroup.com
MIT License
3.64k stars 634 forks source link

尽可能使用ResizeObserver,而不是element-resize-detector #2329

Open foxii-cn opened 7 months ago

foxii-cn commented 7 months ago

问题描述

在使用vue3的teleport动态改变map元素在dom树中的位置时,发现这种情况下如果传送前后父容器大小不一样,地图resize事件不会被触发

试了一下似乎是element-resize-detector的问题,使用ResizeObserver可以正常获得元素大小

另一方面,主流浏览器基本都已经支持ResizeObserver,能否在ResizeObserver可用的情况下优先使用ResizeObserver?

重现链接

No response

重现步骤

不需要

预期行为

在ResizeObserver可用的情况下优先使用ResizeObserver获得map container的大小

平台

屏幕截图或视频(可选)

image

补充说明(可选)

No response

lzxue commented 7 months ago

ResizeObserver 目前 IE 11 不支持,可以考虑默认 ResizeObserver,IE 兼容时间使用插件