Topic: Sidenav animations get fired twice on iphone
MaximeGheraille free asked 3 years ago
The sidenav animation on mobile should only get triggered once
The animation gets done twice when opening the sidenav
Resources (screenshots, code snippets etc.)
i'm unable to make a snippet with mdb pro so i'll write what i have done
- create new react app
- install mdbpro
- imported the css files in my index.js 4.create a new file called 'nav.jsx' and pasted the code from Double Navigation with hidden SideNav & fixed Navbar without the router and main tag inside
- inside return my app.js I made a Router with the imported nav inside it https://imgur.com/a/7Es75nW
- npm run build and serve -s build
- open the app on safari/chrome on iphone and open the sidenav
Hi Piotr, do you have any news on this one? Thanks.
I just tested your example step by step and for me, on my environment, it works fine.
Sidenav was triggered only once.
Tested on iPhone with safari and chrome browser.
Can you paste your code on
In addition to the code, please give me more details about how to reproduce this issue.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.25.5
- Device: Iphone
- Browser: safari/chrome
- OS: IOS
- Provided sample code: No
- Provided link: Yes