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

[Bug]: Dropdown extra space at the end causes mis-alignments #17750

Closed
2 tasks done
tekno0ryder opened this issue Oct 15, 2024 · 0 comments · Fixed by #17751
Closed
2 tasks done

[Bug]: Dropdown extra space at the end causes mis-alignments #17750

tekno0ryder opened this issue Oct 15, 2024 · 0 comments · Fixed by #17751
Labels
component: dropdown role: dev 🤖 severity: 4 https://ibm.biz/carbon-severity type: bug 🐛

Comments

@tekno0ryder
Copy link
Contributor

Package

@carbon/react

Browser

Chrome

Package version

1.68.0

React version

No response

Description

When using Dropdown with settings (Inline/ titleText = "") there is extra space at the end caused by grid-gap making it hard to align properly in real use cases

Reproduction/example

https://react.carbondesignsystem.com/?path=/story/components-dropdown--playground&args=titleText:;type:inline

Steps to reproduce

1- Make sure titleText = "" and type="inline"
2- Inspect element:

Image

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Application/PAL

No response

Code of Conduct
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: dropdown role: dev 🤖 severity: 4 https://ibm.biz/carbon-severity type: bug 🐛
Projects
Design System
Status: ✅ Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(Dropdown): remove extra space at the end tekno0ryder/carbon
2 participants
@tekno0ryder @guidari