Scrolling doesn't work for any components in Safari

Radzen.Blazor Components
1

I updated the package from 5.3.1 to 5.6.0.
After the update, neither RadzenBody nor any of the components can be scrolled in iOS Safari.
There is no problem on Windows Edge or Chrome.

2

I am seeing an issue with scrolling by touch not working on Edge mobile (don't ask why I use that, somebody forced me). I traced it down to the following on the slider. As soon as I delete the document level touch handlers (through developer tools), scrolling by touch works again. Just wondering if that is related. If I leave the page that has the sliders, touch is still broken until I reload the browser. Then touch works again, until I hit the page with the sliders and it breaks again.

This can also be reproduced in the Radzen demos: go to the demos. Put the browser in any mobile emulation (touch). Verify that touching the screen and moving up and down results in scrolling. Open the sliders demo. Interact with the sliders. Touch the screen outside the sliders. Note that moving up and down no longer scrolls the screen. Go back to the main menu of the demos, note that touch and up/down movement still doesn't result in scrolling the screen. Reload the whole page and note that scrolling through touch functions again.

document.addEventListener('touchmove', Radzen[id].mouseMoveHandler, {  passive: false, capture: true });


document.addEventListener('touchend', Radzen[id].mouseUpHandler, {
  passive: true
});
parent.addEventListener('touchstart', Radzen[id].mouseDownHandler, {
  passive: true
});
3

After an upgrade from 5.3.0 to 5.6 I'm having scrolling issue on mobile with all browsers as well

4

I was able to replicate the problem - fix will be published on Monday.

2 Likes
5

Hi,
Any news on this one ?

6

The problem is already resolved and update was released.

1 Like