-
Notifications
You must be signed in to change notification settings - Fork 364
feat(Tabs): added animations #11767
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
base: main
Are you sure you want to change the base?
feat(Tabs): added animations #11767
Conversation
Preview: https://patternfly-react-pr-11767.surge.sh A11y report: https://patternfly-react-pr-11767-a11y.surge.sh |
c9a3c66
to
0c323e3
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looked good to me. Animations look awesome.
0cbe199
to
7fc661c
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks awesome! ty
5b70362
to
c10341f
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
I do think we should add support for html-only tabs (disabling the animation via a class or setting automatic widths on those two style css), but I don't think we need to block this PR for that. We can do any adjustments in a follow up. |
LGTM! |
What: Closes #11348
Looks like with the update to Tabs styling, we'll have to make updates in Org for the tabs being used for component pages. If any consumers are using tabs classes similar to how we are in Org (applying the tabs classes to elements rather than using the Tabs components themselves), they will probably run into a similar issue.
I updated and skipped some tests for now. Old tests didn't seem relevant with the unit tests for OverflowTab, and 1 test relies on a potential Core fix and the other was just acting up no matter what I had tried. Basically if there were 2 tests interacting with the OverflowTab, the 1st test would fail to find an item within that overflow menu while the 2nd test worked fine (using the same exact selectors/assertions). Remove the 1st test and suddenly the 2nd (now the 1st) would fail to find the specified overflow item.
Additional issues: