You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
element state that it has width: 100% by default but that isn't true, it actually has width: inherit
I noticed as a result that the Hr won't display inside a flex container that uses minWidth or maxWidth
Description
The docs for the
element state that it has width: 100% by default but that isn't true, it actually has width: inherit
I noticed as a result that the Hr won't display inside a flex container that uses minWidth or maxWidth
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-pcjqn5?file=src%2FApp.tsx
Steps to reproduce
Render a Hr inside a Box that has display:flex and does not have a value for width
JIRA ticket numbers (Sage only)
No response
Suggested solution
Use
width: 100%
on Hr instead ofwidth: inherit
Carbon version
133.0.0
Design tokens version
No response
Relevant browsers
Firefox, Chrome
Relevant OSs
Windows
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: