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

[官网] 侧边栏样式问题 #2272

Open
moecasts opened this issue Jun 7, 2023 · 7 comments
Open

[官网] 侧边栏样式问题 #2272

moecasts opened this issue Jun 7, 2023 · 7 comments
Labels
📒 documentation Improvements or additions to documentation

Comments

@moecasts
Copy link
Collaborator

moecasts commented Jun 7, 2023

tdesign-react 版本

https://tdesign.tencent.com/react/overview

重现链接

No response

重现步骤

tab 聚焦时边框被遮挡了。

image

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

@github-actions
Copy link
Contributor

github-actions bot commented Jun 7, 2023

👋 @moecasts,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@Ali-ovo
Copy link
Contributor

Ali-ovo commented Jun 13, 2023

需要更详细的复现步骤, 目前无法复现这个问题

@moecasts
Copy link
Collaborator Author

moecasts commented Jun 14, 2023

需要更详细的复现步骤, 目前无法复现这个问题

最简单的,点一下侧边栏,然后按 「tab」,实在不行就调下伪类。
image

@Ali-ovo
Copy link
Contributor

Ali-ovo commented Jun 14, 2023

好像也是需要专门设计一下 :focus-visible 的样式才可以

@moecasts
Copy link
Collaborator Author

好像也是需要专门设计一下 :focus-visible 的样式才可以

这里的根本原因是 menu 没有留够安全边距,导致 overflow 的时候被遮掉了。

@Ali-ovo
Copy link
Contributor

Ali-ovo commented Jun 15, 2023

需要去 tdesign-site-components 这个库修改一下对应 :focus-visible 的样式, 这是一个样式 bug

@uyarn uyarn added the 📒 documentation Improvements or additions to documentation label Aug 11, 2023
@HaixingOoO
Copy link
Collaborator

image
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📒 documentation Improvements or additions to documentation
Projects
None yet
Development

No branches or pull requests

4 participants