L7 icon indicating copy to clipboard operation
L7 copied to clipboard

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

Open foxii-cn opened this issue 11 months ago • 1 comments

问题描述

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

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

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

重现链接

No response

重现步骤

不需要

预期行为

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

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

image

补充说明(可选)

No response

foxii-cn avatar Mar 04 '24 04:03 foxii-cn

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

lzxue avatar Mar 04 '24 06:03 lzxue