Disable ios bounce on drag

Hi All

My ionic iPad app has drag and drop functionality. When I drag a page item on iOS, the screen bounces which makes it hard to control the dragging.

I understand this is iOS browser behaviour and have read loads of solutions on forums etc, none of which I’ve managed to get to work.

What is the current best practice for disabling this bounce behaviour please?

Thank you!


OK, I worked out where I was going wrong here!

I have a COMPONENT that sits inside a PAGE. Both the component and the page have an ion-content element. I was adding the no-bounce attribute to the ion-content element within the COMPONENT, but of course that is inside the PAGE and so was still bouncing because the PAGE ion-content element doesn’t have the no-bounce attribute.

I moved the no-bounce attribute to the PAGE ion-content element and it works!

1 Like