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

[Bug]: Vertical progress indicator: Text is misaligned when space is limited #9611

Closed
2 tasks done
janhassel opened this issue Sep 7, 2021 · 1 comment
Closed
2 tasks done

Comments

@janhassel
Copy link
Member

Package

carbon-components, carbon-components-react

Browser

Chrome

Package version

10.43.0/7.43.0

Description

When using a vertical progress indicator, the step labels start to misalign when horizontal space is limited.

image

I'd expect the text to wrap and still align with the rest of the step labels.

CodeSandbox example

https://react.carbondesignsystem.com/?path=/story/components-progressindicator--default

Steps to reproduce

  1. Visit the carbon react storybook
  2. Enable the "vertical" option in the knobs
  3. Reduce the width of the story until the text misaligns

Code of Conduct

@joshblack
Copy link
Contributor

@janhassel I think this is a duplicate of #9261 so will track over in there 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants