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]: Spacing issue between icon and text on warn inline multiselect #11727

Closed
2 tasks done
ccwilson-us-ibm-com opened this issue Jul 1, 2022 · 1 comment · Fixed by #11876
Closed
2 tasks done

[Bug]: Spacing issue between icon and text on warn inline multiselect #11727

ccwilson-us-ibm-com opened this issue Jul 1, 2022 · 1 comment · Fixed by #11876
Assignees
@aledavila
Labels
component: multiselect role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity type: bug 🐛

Comments

@ccwilson-us-ibm-com
Copy link

Package

@carbon/react, @carbon/styles

Browser

Chrome, Firefox

Package version

1.6.0

React version

^17.0.0

Description

When setting a multiselect component with the properties inline and warn, the label text overlaps with the yellow warning icon.

Reproduction/example

https://stackblitz.com/edit/github-aicltq?file=src/App.jsx

Steps to reproduce

Here's how the component is configure to display this issue:

<MultiSelect
        ariaLabel="MultiSelect"
        id="carbon-multiselect-example"
        items={items}
        label="Multiselect menu options"
        titleText="Multiselect title"
        type="inline"
        warn="true"
 />

Code of Conduct
@dakahn dakahn moved this to ⏱ Backlog in Design System Jul 5, 2022
@shixiedesign
Copy link
Contributor

Attaching a visual for reference:
image

@tay1orjones tay1orjones added severity: 2 https://ibm.biz/carbon-severity and removed severity: 1 https://ibm.biz/carbon-severity labels Jul 18, 2022
@aledavila aledavila mentioned this issue Jul 28, 2022
Merged
@kodiakhq kodiakhq bot closed this as completed in #11876 Aug 1, 2022
Repository owner moved this from ⏱ Backlog to ✅ Done in Design System Aug 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@aledavila aledavila

Labels
component: multiselect role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity type: bug 🐛
Projects
Design System
Archived in project
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(multiselect): fix warn icon on inline aledavila/carbon
6 participants
@jeffchew @tay1orjones @aledavila @shixiedesign @dakahn @ccwilson-us-ibm-com