Dialog touch-action set to none intentionally?

[jjvaris]

Question

Describe your issue. Be as precice as possible.

In Dialog, the container div has the property touch-action: none; set. Now it is not possible to zoom or scroll on mobile when the dialog is open. Is this intentional? On the desktop, the scroll and zoom are possible.

In case, the user is using a small mobile device, large font, landscape orientation etc. it is possible that the dialog does not fit the screen.

I believe using the scrollable prop in Dialog is not recommended "just in case".

Additional context

Add any other context about the problem here. You may also attach screenshots or links if needed.

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action#accessibility_concerns

Scroll works, If touch-action set to auto:

[class*='Dialog-module_dialogContainer'] {
  touch-action: auto;
}

Screen.Recording.2023-12-28.at.9.07.13.mov

[laurakarhu]

Thank you for your good question!
It was set related to some scrolling problems in iOS, but it is true that this can cause other problems. We are looking this more throughly.