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

No way to add trantition duration 300ms on <Switch/> #38454

Closed
2 tasks done
nicitaacom opened this issue Aug 13, 2023 · 1 comment
Closed
2 tasks done

No way to add trantition duration 300ms on <Switch/> #38454

nicitaacom opened this issue Aug 13, 2023 · 1 comment
Assignees
Labels
component: switch This is the name of the generic UI component, not the React module! support: Stack Overflow Please ask the community on Stack Overflow

Comments

@nicitaacom
Copy link

nicitaacom commented Aug 13, 2023

Duplicates

Latest version

  • I have tested the latest version (14.08.2023)
 "dependencies": {
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@mui/icons-material": "^5.14.3",
    "@mui/material": "^5.14.4",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router": "^6.12.1",
    "react-router-dom": "^6.12.1"
  },


Steps to reproduce

  1. Go to live example - codesandbox
  2. Open in vs code (or open terminal and yarn dev)
  3. Click on switch and you will able to see that <Switch/> work without transition

I suposse that in MUI I should change dark mode somehow in another way - if so - please let me know how by steps 1 2 3


Link to live example - https://codesandbox.io/p/sandbox/focused-framework-wkp58g

Problem

<MaterialUISwitch/> work but without transition when I click on switch
I mean now it changes immediately when I click on it
I mean state checked changed without transition

Your environment 🌎

npx @mui/envinfo

  System:
    OS: Linux 6.1 Debian GNU/Linux 11 (bullseye) 11 (bullseye)
  Binaries:
    Node: 16.17.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.15.0 - /usr/local/bin/npm
  Browsers:
    Chrome: Not Found
  npmPackages:
    @emotion/react: ^11.11.1 => 11.11.1 
    @emotion/styled: ^11.11.0 => 11.11.0 
    @mui/base:  5.0.0-beta.10 
    @mui/core-downloads-tracker:  5.14.4 
    @mui/icons-material: ^5.14.3 => 5.14.3 
    @mui/material: ^5.14.4 => 5.14.4 
    @mui/private-theming:  5.14.4 
    @mui/styled-engine:  5.13.2 
    @mui/system:  5.14.4 
    @mui/types:  7.2.4 
    @mui/utils:  5.14.4 
    @types/react: ^18.2.7 => 18.2.9 
    react: ^18.2.0 => 18.2.0 
    react-dom: ^18.2.0 => 18.2.0 
    typescript: ^5.0.2 => 5.0.4 

@nicitaacom nicitaacom added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Aug 13, 2023
@zannager zannager added component: switch This is the name of the generic UI component, not the React module! component: transitions This is the name of the generic UI component, not the React module! labels Aug 14, 2023
@oliviertassinari oliviertassinari added support: Stack Overflow Please ask the community on Stack Overflow and removed component: transitions This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Aug 14, 2023
@github-actions
Copy link

👋 Thanks for using MUI Core!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://mui.com/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: switch This is the name of the generic UI component, not the React module! support: Stack Overflow Please ask the community on Stack Overflow
Projects
None yet
Development

No branches or pull requests

4 participants