Disable sliding when dragging a map

ionic-v1
1

Hi there,

i have a simple slidebox and inside a slide i put a googlemap (ngmap actually)
The problem is when i drag the map i drag the slide in the same time.
I found a codepen wich exactly doing what i’m looking for but it’s applied to a “classic” googlemap, not ng-map, and it’s a lot more complex :smile:

what is exactly the function to add for me ?

any help ?
thank you

2

bump maybe ? can’t find anythings about that

3

Sounds like a case of needing data-tap-disabled

          <div data-tap-disabled="true">
            <app-map style="height:400px;margin:12px;box-shadow:0 3px 25px black;"
                     center="basel"
                     zoom="15"
                     markers="whoiswhere"> 
            </app-map>
          </div>
4

Mmm i tried but it dont seam to work

i have a map inside a slide, i put the <div data-tap-disabled="true"> before the map, but dragging inside the map always make the slide sliding

5

ok its work now, sorry, thank you, and happy Xmass =)

6

in fact no, it doesnt work :frowning:

7

Same to me too. It doesn’t work at all.

8

Fixed for me

#7179 of ionic.bundle.js

From

if (event.touches.length > 1 ||
        event.scale && event.scale !== 1 ||
        slider.slideIsDisabled) {
      return;
    }

Become

if (event.touches.length > 1 ||
        event.scale && event.scale !== 1 ||
        slider.slideIsDisabled ||
        event.target.getAttribute('data-tap-disabled') == 'true') {
      return;
    }