Disable navigation on swipe

[ttmtu2003]

Hello, I’m implementing a feature where I need to draw on the slide. Hence, i’d need to disable the swiping/dragging action that allows navigating between slides so it doesn’t confuse with the drawing action. Is there a way I can do this?

[igordanchenko]

Hi there!

The lightbox uses onWheel, onKeyDown and onPointerDown events for mouse wheel / trackpad, keyboard and mouse / touch navigation. To achieve the behavior you describe, you'd need to stop propagation of corresponding events from your custom slides.

<div
  onWheel={(event) => event.stopPropagation()}
  onKeyDown={(event) => event.stopPropagation()}
  onPointerDown={(event) => event.stopPropagation()}
>
  {
    // custom slide
  }
</div>

Hope this helps.

[ttmtu2003]

Got it! It’s working as intended. Thank you so much!