search

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.93k forks source link

modal组件在uc上无法使用，佐罗的官网也有同样问题 #6950

Open baiyonghong1989 opened 3 years ago

baiyonghong1989 commented 3 years ago

Reproduction link

https://codesandbox.io/s/ek4vk

Steps to reproduce

1、登录https://ng.ant.design/version/11.4.x/components/modal/zh（不需要使用codesandbox链接，直接用佐罗的官网即可复现） 2、用uc浏览器 试一下ant design的各种modal示例，发现弹不出来

What is expected?

能正确弹窗

What is actually happening?

modal弹不出来

Environment Info
ng-zorro-antd 11.4.2
Browser uc浏览器 安卓手机
zorro-bot[bot] commented 3 years ago

Translation of this issue:

Modal components cannot be used on UC, and the official website of Sape has the same problem.

reproduction link

https://codesandbox.io/S/ek4vk

steps to reproduce

1, log in to https://ng.ant.design/version/11.4.x/components/modal/en (do not need to use the Codesandbox link, use the Joord's official website to recover)

  1. Try the various modal examples of Ant Design with UC browser. I can't play it.

What is expected?

Correct pop-up window

What is actually happens?

Modal can't play ! [UPLoading 20210826-150120 (Welinkpc) .jpg ...] ()

ENVIRONMENT INFO
Ng-Zorro-ANTD 11.4.2
Browser UC Browser Android Phone
baiyonghong1989 commented 3 years ago

hello, I used uc's dev tools for debugging and found that it was caused by uc's ad blocking. After I turn off the interception, the page is normal. and the interception rules are as follows: image

The function of the modal component is normal in the version 8. I compared the dom of the modal of 8 and 11. The big difference is that there is an extra layer of div whose class is cdk-global-overlay-wrapper. image

I would like to ask whether this problem can be fixed by modifying the name of this class。tks

MrRainbowYoo commented 2 years ago

请问这个问题后来解决了吗

baiyonghong1989 commented 2 years ago

没有，我们自己解决了。uc的广告拦截功能误杀了

---原始邮件--- 发件人: @.> 发送时间: 2022年8月19日(周五) 上午10:54 收件人: @.>; 抄送: @.**@.>; 主题: Re: [NG-ZORRO/ng-zorro-antd] modal组件在uc上无法使用，佐罗的官网也有同样问题 (#6950)

请问这个问题后来解决了吗

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

MrRainbowYoo commented 2 years ago

根据您的回答，我们在css中也加了上述两个属性，改完之后弹窗可以正常显示，但是刷新页面之后又被拦截了。请问你们后来是如何解决的

baiyonghong1989 commented 2 years ago

不会吧，我记得当时就加了几个css，important ，就可以了

---原始邮件--- 发件人: @.> 发送时间: 2022年8月19日(周五) 中午11:00 收件人: @.>; 抄送: @.**@.>; 主题: Re: [NG-ZORRO/ng-zorro-antd] modal组件在uc上无法使用，佐罗的官网也有同样问题 (#6950)

根据您的回答，我们在css中也加了上述两个属性，改完之后弹窗可以正常显示，但是刷新页面之后又被拦截了。请问你们后来是如何解决的

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>