SideNav overlay not shown on mobile so it cannot be slid out


Topic: SideNav overlay not shown on mobile so it cannot be slid out

jfcherng asked 5 years ago

Expected behavior

There should be the overlay so users can close the sidenav.

Actual behavior

There is no overlay so the sidenav cannot be closed.

Resources (screenshots, code snippets etc.)

Take the official MDB site as an example. Video recording: https://streamable.com/ui8va


Mateusz Łubianka staff answered 5 years ago

Hi @jfcherng,

I tried it and Sidenav overlay is showing when I open nav by slide.Check out the video: https://streamable.com/ktmr5Is there any different issue?

Best,


jfcherng commented 5 years ago

I can still reproduce it stably both on PC(simulating mobile with F12) and a real mobile. Would you mind testing it on a real mobile?


Mateusz Łubianka staff commented 5 years ago

@jfcherng,

https://streamable.com/fcyyd I created this video on my mobile phone. I use Chrome and Android 7.1.2.

Best,


jfcherng commented 5 years ago

Hmmm... so weird. I can still reproduce it today on MDB's site https://streamable.com/taz0i . But since you cannot reproduce it, I guess there is no way to "fix" it on your side. If other users can test this would be appreciated, even though I've tested it on some of my PCs/mobile.


Mateusz Łubianka staff commented 5 years ago

@jfcherng,

I think I can see the problem now. Are you trying to open sidenav by click, not by slight out?


jfcherng commented 5 years ago

@Mateusz ŁubiankaYes. Those are clicks.


Mateusz Łubianka staff commented 5 years ago

Ok, now I can see the problem. I'll create task and our team will fix this as soon as possible. Thank you very much.

Best,


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 jQuery
  • MDB Version: 4.10.1
  • Device: Mobile
  • Browser: Chrome
  • OS: Android
  • Provided sample code: No
  • Provided link: Yes
Tags