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

input group label text cut off #3115

Closed
wc-matteo opened this issue Jun 16, 2022 · 0 comments
Closed

input group label text cut off #3115

wc-matteo opened this issue Jun 16, 2022 · 0 comments
Assignees
@XieZongChen
Labels
bug Something isn't working

Comments

@wc-matteo
Copy link

wc-matteo commented Jun 16, 2022 •
edited
Loading

TuSimple/naive-ui version (版本)

2.30.4

Vue version (Vue 版本)

3.2.37

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

chrome Version 102.0.5005.115 (Official Build) (64-bit)

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

win 10

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/loving-cherry-4prro6?file=/src/Demo.vue

Reappearance steps (重现步骤)

see repro link

Expected results (期望的结果)

input group label text is not cut off

Actual results (实际的结果)

input group label text cut off

Remarks (补充说明)

.n-drawer has word-break: break-word that triggers the issue. I think the best solution would be to put a flex: none on .n-input-group-label
@github-actions github-actions bot added the untriaged need to sort label Jun 16, 2022
@XieZongChen XieZongChen added bug Something isn't working and removed untriaged need to sort labels Jun 16, 2022
@XieZongChen XieZongChen self-assigned this Jun 16, 2022
@gp0119 gp0119 mentioned this issue Jun 17, 2022
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@XieZongChen XieZongChen

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@wc-matteo @XieZongChen