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
Describe the problem
The ExpandableSection component in PatternFly React v4 has a visual misalignment issue. When integrated into a custom project, the caret (toggle) icon appears misaligned with the accompanying text. This problem does not occur when using the component on the official PatternFly demo page, where it renders correctly.
How do you reproduce the problem?
Use the ExpandableSection component in your code like shown in demo.
Run the application and observe the alignment between the caret icon and the toggle text.
Adding screenshot below
Expected behavior
The caret icon should be perfectly aligned with the toggle text, consistent with its appearance on the PatternFly demo page.
Screenshots
If applicable, add screenshots to help explain the issue.
What is your environment?
Chrome
"@patternfly/react-core": "4.278.1",
The text was updated successfully, but these errors were encountered:
rohit-bharmal
changed the title
Bug - [Expandable Section] - [The ExpandableSection component in PatternFly React v4 has a visual misalignment issue.]
Bug - Expandable Section - The ExpandableSection component in PatternFly React v4 has a visual misalignment issue.
Feb 7, 2025
Will be closing this out as we currently only support v5 and v6 (the latest version) of PatternFly. This issue in v4 may have a workaround by using custom styling on this specific component, though. If you have any other questions please feel free to respond and let us know.
Describe the problem
The ExpandableSection component in PatternFly React v4 has a visual misalignment issue. When integrated into a custom project, the caret (toggle) icon appears misaligned with the accompanying text. This problem does not occur when using the component on the official PatternFly demo page, where it renders correctly.
How do you reproduce the problem?
Expected behavior
The caret icon should be perfectly aligned with the toggle text, consistent with its appearance on the PatternFly demo page.
Screenshots
If applicable, add screenshots to help explain the issue.
What is your environment?
The text was updated successfully, but these errors were encountered: