Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

全局水印与其它遮罩层冲突 #129

Open
daxiaraoming opened this issue Sep 7, 2022 · 6 comments · May be fixed by #136
Open

全局水印与其它遮罩层冲突 #129

daxiaraoming opened this issue Sep 7, 2022 · 6 comments · May be fixed by #136
Labels
🐛 Bug Something isn't working

Comments

@daxiaraoming
Copy link

问题描述

vue版本使用全局水印:is-body="true" 并且开启保护模式的情况下,触发带遮罩的事件就会导致页面无响应,且无法恢复;
带遮罩的事件如对话框弹窗/图片点击放大;
测试后发现关闭保护模式watermark.options.monitor = false,或者不使用全局水印没有出现该问题;

复现步骤

import { Watermark } from '@pansy/vue-watermark';
watermark.options.monitor = true

<Watermark :options="watermark.options" :visible="watermark.visible" :is-body="true"> </Watermark>

触发任意带遮罩效果

环境详情

  • **@pansy/vue-watermark version:1.1.3
  • **vue version:3.2.36
@daxiaraoming daxiaraoming added the 🐛 Bug Something isn't working label Sep 7, 2022
@wangxingkang
Copy link
Member

我看下

@wangxingkang
Copy link
Member

@daxiaraoming 提供下最小复现包吧

@daxiaraoming
Copy link
Author

@daxiaraoming 提供下最小复现包吧

demo

@iworklee
Copy link

iworklee commented Sep 26, 2022 •
edited
Loading

react 版本也有同样的问题，demo

@weeeiSir
Copy link

weeeiSir commented Dec 9, 2022

所以这个问题目前还是未解之谜吗？把 monitor 设置为 false 后，遮罩层不冲突了，界面不卡了，疫情也解封了嗨

qiubohong pushed a commit to qiubohong/watermark that referenced this issue Dec 28, 2022
<doc>: 全局水印与其它遮罩层冲突 [issue 129]
10f48aa 
将MutationObserver触发事件,避免多次执行render函数，导致多次注册MutationObserver 从而进入死循环逻辑

Issue pansyjs#129
Close pansyjs#129
@qiubohong qiubohong linked a pull request Dec 28, 2022 that will close this issue
Open
@nnmax nnmax mentioned this issue Feb 20, 2023
Open
@MickeyMouse623
Copy link

实测，el-dialog嵌套2个，依次关闭后就会出现页面卡死

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 Bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

<doc>: 全局水印与其它遮罩层冲突 [issue 129] qiubohong/watermark
5 participants
@iworklee @daxiaraoming @wangxingkang @MickeyMouse623 @weeeiSir