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 11 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