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

在Microsoft Edge中naive-ui官方文档切换深色模式浅色模式时,左边的menu组件的字体颜色不对 #2563

Closed
2383155523 opened this issue Mar 6, 2022 · 22 comments
Labels
bug Something isn't working

Comments

@2383155523
Copy link

TuSimple/naive-ui version (版本)

2.26.1

Vue version (Vue 版本)

3.2.31

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

Microsoft Edge(99.0.1150.30 (官方内部版本) (64 位))

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

windows 11

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/zh-CN/dark/components/avatar

Reappearance steps (重现步骤)

在Microsoft Edge打开https://www.naiveui.com/zh-CN/dark/components/avatar 点击右上角的深色模式浅色模式切换

Expected results (期望的结果)

深色模式,浅色模式下 字体颜色正常

Actual results (实际的结果)

深色模式,浅色模式下 字体颜色不正常

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Mar 6, 2022
@2383155523
Copy link
Author

bug1
bug2
bug3

@Sepush
Copy link
Collaborator

Sepush commented Mar 6, 2022

不停的来回切换确实有问题 会修 不光 edge 有这个问题

@2383155523
Copy link
Author

QQ截图20220306185956
我让我同学也在他的win11系统下的edge 也试过了

@Sepush Sepush added bug Something isn't working and removed untriaged need to sort labels Mar 6, 2022
@2383155523
Copy link
Author

不过我的Chrome和火狐没发现问题

@Sepush
Copy link
Collaborator

Sepush commented Mar 6, 2022

不过我的Chrome和火狐没发现问题

火狐没有问题 chrome 和 edge 下都能复现

@2383155523
Copy link
Author

https://fuyouplus.cn/blog-admin-online/ 我一开始是在自己写的一个 后台管理面板项目中发现的,也就这几天的事,之前从来没发现过这个问题

@2383155523
Copy link
Author

账号密码 随便输入 ,你可以进去看看

@2383155523
Copy link
Author

我认为是组件库内部 有bug 不光是 官方文档里面有

@2383155523
Copy link
Author

"naive-ui": "^2.25.5", 这是这个项目 naive-ui 的版本

@Sepush
Copy link
Collaborator

Sepush commented Mar 6, 2022

我们排查一下

@07akioni
Copy link
Collaborator

07akioni commented Mar 6, 2022

我感觉大概率是 edge 的 bug,毕竟是和 chrome 用的同款内核

@csyuser
Copy link

csyuser commented Mar 7, 2022

image
chrome也有类似的问题,官方文档上,也有这个问题
image

@2383155523
Copy link
Author

QQ截图20220307105830
Element Plus 好像没发现这个问题。。。

@2383155523
Copy link
Author

QQ截图20220307110625
Ant D 也是没这个问题的

@2383155523
Copy link
Author

bug1
官方的NaiveUiAdmin 这个项目的侧边菜单 就不会出现 已经切换到下个菜单项了上个选中的菜单项 还存在高亮的情况..

@2383155523
Copy link
Author

1646623656917
我终于知道为啥昨天我的chrome 没出现那种问题了, 现在已经可以确认就是浏览器自身的bug了,我刚刚给我的Chrome升级了一下 也出现那种bug 了,我现在有个疑问,为啥这个bug 只对Naive UI 做出了影响,其他几个组件库好像都没受到影响.

@2383155523
Copy link
Author

QQ截图20220307113233
这个版本下的Chrome 都有出现那种问题 上张图的 那个版本 就不会

@Sepush
Copy link
Collaborator

Sepush commented Mar 7, 2022

1646623656917 我终于知道为啥昨天我的chrome 没出现那种问题了, 现在已经可以确认就是浏览器自身的bug了,我刚刚给我的Chrome升级了一下 也出现那种bug 了,我现在有个疑问,为啥这个bug 只对Naive UI 做出了影响,其他几个组件库好像都没受到影响.

你去 arco-design 的网站试试不停切换亮色暗色 你会发现也有这种问题 其他几个组件库的官网没有提供一件切换的按钮

@2383155523
Copy link
Author

1646623656917 我终于知道为啥昨天我的chrome 没出现那种问题了, 现在已经可以确认就是浏览器自身的bug了,我刚刚给我的Chrome升级了一下 也出现那种bug 了,我现在有个疑问,为啥这个bug 只对Naive UI 做出了影响,其他几个组件库好像都没受到影响.

你去 arco-design 的网站试试不停切换亮色暗色 你会发现也有这种问题 其他几个组件库的官网没有提供一件切换的按钮

是的 我看到了,我现在好像也知道为啥 NaiveUiAdmin 提供了一键切换深浅模式按钮却 不受影响的原因了,因为他的深色模式和浅色模式下 的颜色 都是一样的白色。。

@WHYBBE
Copy link

WHYBBE commented Mar 7, 2022

我使用NMenu也有这个问题,Chrome和Edge都有出现,大版本号是99,火狐没出现

@07akioni
Copy link
Collaborator

07akioni commented Mar 7, 2022

1646623656917 我终于知道为啥昨天我的chrome 没出现那种问题了, 现在已经可以确认就是浏览器自身的bug了,我刚刚给我的Chrome升级了一下 也出现那种bug 了,我现在有个疑问,为啥这个bug 只对Naive UI 做出了影响,其他几个组件库好像都没受到影响.

因为 naive 技术方案比较复杂,需要支持组件级别的主题调整

@07akioni
Copy link
Collaborator

07akioni commented Mar 8, 2022

我基本可以确认这是 chrome 的问题了,会看看有没有廉价的修复方法

jaulz pushed a commit to jaulz/naive-ui that referenced this issue Mar 11, 2022
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

No branches or pull requests

5 participants