[SwipeableDrawer] Missing close animation when initial open is true

[xavier-villelegier]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/dry-brook-9umj8k?file=/src/App.js

Steps:

1. Render a SwipeableDrawer with an initial open to true
2. Close it by clicking on the backdrop / swiping it down
3. There isn't any animation on the closing. If you open it again, it'll work

Current behavior 😯

• When the initial open is set to true, there isn't any animation when closing it
• When opening it later (with setTimeout) or opening it manually, it works fine

Expected behavior 🤔

When the SwipeableDrawer is first rendered with open to true, there is an animation when closing it

Context 🔦

I'm trying to display a page with a SwipeableDrawer opened at the beginning, and see an animation when the user closes it

Your environment 🌎

npx @mui/envinfo

I used Chrome.

    System:
    OS: macOS 12.6
  Binaries:
    Node: 18.11.0 - ~/.nvm/versions/node/v18.11.0/bin/node
    Yarn: Not Found
    npm: 8.19.2 - ~/.nvm/versions/node/v18.11.0/bin/npm
  Browsers:
    Chrome: 107.0.5304.87
    Edge: Not Found
    Firefox: Not Found
    Safari: 16.0
  npmPackages:
    @emotion/react: 11.10.5 => 11.10.5
    @emotion/styled: 11.10.5 => 11.10.5
    @mui/base:  5.0.0-alpha.103
    @mui/core-downloads-tracker:  5.10.11
    @mui/icons-material: 5.10.9 => 5.10.9
    @mui/material: 5.10.11 => 5.10.11
    @mui/private-theming:  5.10.9
    @mui/styled-engine:  5.10.8
    @mui/system:  5.10.10
    @mui/types:  7.2.0
    @mui/utils:  5.10.9
    @types/react: 18.0.24 => 18.0.24
    react: 18.2.0 => 18.2.0
    react-dom: 18.2.0 => 18.2.0
    typescript: 4.8.4 => 4.8.4

[sai6855]

Hey mui team, if anyone you can confirm this is bug I'm willing to work on this issue