Topic: Sidenav animations get fired twice on iphone

MaximeGheraille free asked 2 years ago


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

  1. create new react app
  2. install mdbpro
  3. 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
  4. inside return my app.js I made a Router with the imported nav inside it https://imgur.com/a/7Es75nW
  5. npm run build and serve -s build
  6. open the app on safari/chrome on iphone and open the sidenav

Denzil free answered 2 years ago


Hi Piotr, do you have any news on this one? Thanks.


MaximeGheraille free commented 2 years ago

He responded: 'It is still in our task to do.'


Jakub Chmura staff answered 2 years ago


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 free commented 2 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 commented 2 years ago

This is my github username:

JakubChm

Please let me know when you add me to your repo.

Best, Kuba


MaximeGheraille free commented 2 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 2 years ago

can you give me acces to your repo pglejzer <-- my gh account


Denzil free commented 2 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 free commented 2 years ago

@Piotr Glejzer i just added you on my github repo


MaximeGheraille free commented 2 years ago

@Denzil they are looking at it, so i'll let you know if there is a fix


Piotr Glejzer staff commented 2 years ago

If I will fix this I will let you know


Denzil free commented 2 years ago

Do you have any updates on this?, I'm seeing the same, now on both MacOs safari and iOS Safari


MaximeGheraille free commented 2 years ago

I didn't, maybe @Piotr Glejzer found something?


Piotr Glejzer staff commented 2 years ago

It is still in our task to do.


MaximeGheraille free commented 2 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 2 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.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • 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