Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Prevent closing sidenav on finger swap

Nowakowski free asked 3 years ago


Expected behavior On mobile finger swap to the left won't close sidenav.

Actual behavior On mobile finger swap to the left closing sidenav.

Resources (screenshots, code snippets etc.) Ive using sidenav for filtering, one filter is RangeSlider, using that on mobile requiring finger swap. enter image description here

When trying to use the RangeSlider from right to left, sidenav is closing.

My code for sidenav:

<nav
  id="filterSidenav"
  class="sidenav ps-2 pe-3"
  data-mdb-hidden="true"
  data-mdb-width="300"
  data-mdb-mode="side"
  data-mdb-closeOnEsc="false"
>

Michał Duszak staff answered 3 years ago


Hello, how you toggle your sidenav? Are you getting any errors in the console? Isn't the MultiRange a child of any element that has data-mdb-toggle attribute?

And data-mdb-closeOnEsc="false" is invalid. Try data-mdb-close-on-esc="false"



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Any Mobile
  • Browser: Any Browser
  • OS: Android
  • Provided sample code: No
  • Provided link: No