Topic: Sidenav animations get fired twice on iphone
Expected behavior
The sidenav animation on mobile should only get triggered once
Actual behavior
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 @MaximeGheraille,
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 codesandbox ?
In addition to the code, please give me more details about how to reproduce this issue.
Best, Kuba
MaximeGheraille commented 5 years ago
I posted it on my github, could i have a username or email to add you on the repo. On codesandbox you cannot run 'npm run build' and 'serve -s build' unless I don't know how
Jakub Chmura staff premium commented 5 years ago
This is my github username:
JakubChm
Please let me know when you add me to your repo.
Best, Kuba
MaximeGheraille commented 5 years ago
I just added you, another bug I forgot to say is that the opening the sidenav doesn't work when you are running 'npm start'. it only works when you run build and serve -s build
Piotr Glejzer staff commented 5 years ago
can you give me acces to your repo pglejzer <-- my gh account
Denzil commented 5 years ago
I see the same behaviour with the latest version. It works as expected on any emulator, but on actual iPhone it triggers twice with one click. Do you have any solution?
MaximeGheraille commented 5 years ago
@Piotr Glejzer i just added you on my github repo
MaximeGheraille commented 5 years ago
@Denzil they are looking at it, so i'll let you know if there is a fix
Piotr Glejzer staff commented 5 years ago
If I will fix this I will let you know
Denzil commented 5 years ago
Do you have any updates on this?, I'm seeing the same, now on both MacOs safari and iOS Safari
MaximeGheraille commented 5 years ago
I didn't, maybe @Piotr Glejzer found something?
Piotr Glejzer staff commented 5 years ago
It is still in our task to do.
MaximeGheraille commented 4 years ago
@Piotr Glejzer letting you know that the problem is gone with the latest ios14 beta 3.
I have no idea why but just letting you know
Piotr Glejzer staff commented 4 years ago
Yes, we didn't release another version to fix that problem. Probably with next release will be fixed. We don't have plans for the next release yet.
Hi Piotr, do you have any news on this one? Thanks.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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