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 - Expandable Section - The ExpandableSection component in PatternFly React v4 has a visual misalignment issue. #11509

Closed
rohit-bharmal opened this issue Feb 7, 2025 · 1 comment

Comments

@rohit-bharmal
Copy link

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?

  1. Use the ExpandableSection component in your code like shown in demo.
  2. Run the application and observe the alignment between the caret icon and the toggle text.
  3. Adding screenshot below
Image

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",
@github-project-automation github-project-automation bot moved this to Needs triage in PatternFly Issues Feb 7, 2025
@rohit-bharmal 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
@thatblindgeye
Copy link
Contributor

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.

@thatblindgeye thatblindgeye closed this as not planned Won't fix, can't repro, duplicate, stale Feb 13, 2025
@github-project-automation github-project-automation bot moved this from Needs triage to Done in PatternFly Issues Feb 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

No branches or pull requests

2 participants