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.

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

Click the menu on the mobile phone to display a blue background #799

Closed
yaoyylm opened this issue Aug 6, 2021 · 0 comments · Fixed by #800
Closed

Click the menu on the mobile phone to display a blue background #799

yaoyylm opened this issue Aug 6, 2021 · 0 comments · Fixed by #800
Labels
bug Something isn't working

Comments

@yaoyylm
Copy link

yaoyylm commented Aug 6, 2021

TuSimple/naive-ui version (版本)

2.16.1

Vue version (Vue 版本)

3.1.5

Browser and its version (浏览器及其版本)

Chrome/92.0.4515.131

System and its version (系统及其版本)

Windows NT 10.0

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/3zxxi

Reappearance steps (重现步骤)

打开DevTools调成手机端,点击菜单会出现蓝色背景,在官网https://www.naiveui.com/zh-CN/os-theme/components/menu 中就有。
在CodeSandbox 不会有这问题是因为CodeSandbox他加了css: -webkit-tap-highlight-color: transparent;

Expected results (期望的结果)

在手机端点击菜单不出现蓝色背景

Actual results (实际的结果)

在手机端点击菜单出现了蓝色背景。
比如点击deom中,(舞,舞,舞)->(食物)->(三明治)在手机端会出现蓝色背景。
效果预览图https://ibb.co/nMQHQjH
image

Remarks (补充说明)

解决方案:可以在menu组件中加入css: -webkit-tap-highlight-color: transparent;

@github-actions github-actions bot added the untriaged need to sort label Aug 6, 2021
@Talljack Talljack added bug Something isn't working and removed untriaged need to sort labels Aug 6, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants