Skip to content

Conversation

@thatblindgeye
Copy link
Contributor

@thatblindgeye thatblindgeye commented Jun 10, 2025

What: Closes #11856

Additional issues:

@thatblindgeye thatblindgeye requested a review from mcoker June 10, 2025 19:21
@patternfly-build
Copy link
Collaborator

patternfly-build commented Jun 10, 2025

@thatblindgeye thatblindgeye requested review from a team, kaylachumley, lboehling, rebeccaalpert and wise-king-sullyman and removed request for a team June 11, 2025 17:23
@thatblindgeye thatblindgeye marked this pull request as ready for review June 11, 2025 17:32
Copy link
Member

@rebeccaalpert rebeccaalpert left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks fine overall in my opinion. Code looks good. Examples seem to work. I did see a typo in a prop description - otherwise happy to approve.

This is likely not you, but did also want to call out a difference I noticed between here and the main site with spacing, similar to what we saw in a different PR.

Old New
Screenshot 2025-06-11 at 1 53 27 PM Screenshot 2025-06-11 at 1 53 33 PM
Screenshot 2025-06-11 at 1 52 14 PM Screenshot 2025-06-11 at 1 52 23 PM

@thatblindgeye
Copy link
Contributor Author

cc @mcoker for Rebecca's comment above regarding spacing discrepancy

Copy link
Member

@srambach srambach left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was trying to figure out how we might smooth out the compound expandable, but when I changed it so they aren't all the same height, it feels far less glitchy. I say go ahead and let's keep an eye on real world use and feedback.

@thatblindgeye thatblindgeye force-pushed the iss11866_tableExpandAnims branch 2 times, most recently from 6606ef1 to ff6e5e0 Compare June 13, 2025 18:04
Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! 🦦

Copy link

@kaylachumley kaylachumley left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the expansion itself seems good! but the blue ripple color on the expansion button feels distracting for me... side thought: wondering if we can apply a grey ripple color instead for expansion?

@kaylachumley
Copy link

@thatblindgeye ope sorry! realized i was reviewing the wrong component! the comment above was for the expandable section which may not even be representative of what we offer since its a surge link for the wrong component review

@kaylachumley kaylachumley self-requested a review June 16, 2025 16:55
Copy link

@kaylachumley kaylachumley left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

table expansion looks good 👏

@thatblindgeye thatblindgeye force-pushed the iss11866_tableExpandAnims branch from ff6e5e0 to 378168e Compare June 16, 2025 20:30
Copy link
Contributor

@nicolethoen nicolethoen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I dont think the compound expandable examples should have these animations?

compound expansion

@thatblindgeye
Copy link
Contributor Author

@nicolethoen that might be a visual issue we've noticed where both the previous expanded thing and the new expanded thing are both momentarily rendered. Could you slow the animations down to 10% in dev tools to confirm if that's what's happening there?

If it is then it's a known visual issue, but just to confirm @mcoker we're still good to merge and work on a potential fix for that?

@nicolethoen
Copy link
Contributor

I can take a look - I didn't expect the table rows to collapse as I switched between different tabs

@nicolethoen
Copy link
Contributor

compound expansion

@thatblindgeye thatblindgeye force-pushed the iss11866_tableExpandAnims branch from 378168e to c46b0b3 Compare June 18, 2025 15:59
Copy link
Contributor

@mcoker mcoker left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NICE!!!

@nicolethoen nicolethoen merged commit 9adc88b into patternfly:main Jun 20, 2025
13 checks passed
@patternfly-build
Copy link
Collaborator

Your changes have been released in:

  • @patternfly/react-charts@8.3.0-prerelease.16
  • @patternfly/react-code-editor@6.3.0-prerelease.26
  • @patternfly/react-core@6.3.0-prerelease.26
  • @patternfly/react-docs@7.3.0-prerelease.33
  • @patternfly/react-drag-drop@6.3.0-prerelease.26
  • @patternfly/react-icons@6.3.0-prerelease.8
  • demo-app-ts@6.0.0-prerelease.129
  • @patternfly/react-styles@6.3.0-prerelease.8
  • @patternfly/react-table@6.3.0-prerelease.26
  • @patternfly/react-templates@6.3.0-prerelease.26
  • @patternfly/react-tokens@6.3.0-prerelease.8

Thanks for your contribution! 🎉

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table - expandable section animation support

7 participants