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

MUI Tabs using "react-swipeable-views" to animate tab transition #42235

Closed
sobi983 opened this issue May 14, 2024 · 1 comment
Closed

MUI Tabs using "react-swipeable-views" to animate tab transition #42235

sobi983 opened this issue May 14, 2024 · 1 comment
Labels
component: tabs This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation

Comments

@sobi983
Copy link

sobi983 commented May 14, 2024

Steps to reproduce

Link to live example: https://mui.com/material-ui/react-tabs/#full-width

Steps:

  1. Change the tab to 'Item 2' or 'Item 3'
  2. You will see no animation.
  3. Change again the tab and the animation will start working. Reload the page to reproduce the bug.

Current behavior

The tab transition in the tabs doesn't work in the correct order on 1st go. If you try to change the tab, the tab and information will be changed without the animation. After that, if you try to change the tab then the animation will start working.

Expected behavior

The expected behaviour should be that when the tab is changed even in the first-ever click the animation should work.

Context

I want to fix the bug of the animation tab. The animation should start working on first ever click

Your environment

I am using Google chrome

Search keywords: Tabs react-swipeable-views

@sobi983 sobi983 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label May 14, 2024
@mnajdova mnajdova added bug 🐛 Something doesn't work component: tabs This is the name of the generic UI component, not the React module! labels May 15, 2024
@ZeeshanTamboli
Copy link
Member

react-swipeable-views is no longer maintained, so it was removed from the demos in #41912. This change was merged into the next branch and is available at https://next.mui.com/material-ui/react-tabs/#full-width. I suppose it should have been merged into the master branch.

@ZeeshanTamboli ZeeshanTamboli added docs Improvements or additions to the documentation and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer bug 🐛 Something doesn't work labels May 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: tabs This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation
Projects
None yet
Development

No branches or pull requests

4 participants