builder icon indicating copy to clipboard operation
builder copied to clipboard

MaskWithHighlight component rendering stability issue causing snapshot loading and page display anomalies

Open neverbiasu opened this issue 9 months ago • 2 comments

@minorcell The MaskWithHighlight component has multiple stability issues when finding highlighted elements, resulting in snapshot loading failures and page rendering exceptions.

  1. TagConsumer mount timing issues
  • The current setTimeout(fn, 0) delay is not sufficient to ensure that the TagConsumer is fully mounted.
  • Causes errors: Error: TagConsumer not mounted and TypeError: path.trim is not a function
  1. Unsafe type handling
  • Insufficient type validation of highlightElementPath
  • Incoming target path may be of non-string type in different scenarios
  1. Error Bubbling and Handling
  • Although try-catch is now available, errors can lead to inconsistent component state
  • No sensible fallback strategy when an element is not found

neverbiasu avatar Mar 14 '25 07:03 neverbiasu

TagConsumer mount timing issues

这个是什么意思?TagRoot有什么问题吗?

Incoming target path may be of non-string type in different scenarios. & Causes errors: Error: TagConsumer not mounted and TypeError: path.trim is not a function

这两个应该是同一个问题,就是没有做传入参数的校验

Error Bubbling and Handling

这个我会抓紧处理

minorcell avatar Mar 17 '25 01:03 minorcell

  1. 插槽内容覆盖住了:
Image
  1. 点击事件并非没有触发,而是因为存在多个图层的问题,触发到紧贴着mask下的图层了,比如这里他触发到了videoplayer上
Image
  1. 另外:
  • videoplayer目前不支持拖拽
  • 插槽内容(气泡)存在样式旋转问题 @neverbiasu

minorcell avatar Mar 18 '25 00:03 minorcell