mobile queries scrolling inability solution, touch-action, why?

joben

I use a custom query for mobile. Noticed it was impossible to scroll using iOS Safari and looked through the settings in Config Tool, nothing seemed to fix this.
One way was to circumvent it by setting a limited number of items displayed (5 for instance) and activate the paging bar. I didn't want this behaviour, so I did some digging in the CSS:

Skärmbild 2021-04-26 111617.png

I fixed this by using this CSS:

/*mobileQuery is the class name of my mobile query*/
.mobileQuery div{touch-action:auto !important;}

Now I can scroll as intended.

Now to my question, why would anyone want "touch-action: none" ?

hpl123

I also have issues with this for IOS on and off, I fixed it a couple of months ago by some hack but the other day I heard from a user IOS had issues with scroll again but not all IOS devices it seems so still trying to figure out which versions etc. and when this happens. I have actually also had these issues with a regular query so IOS and Kendo doesn´t like each other in some areas it seems. Hope we get the newest Kendo soon.

Jaymer

i dont recall ever seeing/having this issue

idpSteve

I can confirm I've had this issue previously.

As described it only applies to custom queries with 'operations with records' defined. iOS only.