Has someone managed to create a simple scrolling menu that works on touch devices on webgl? Is it a known issue?

Help UI
, ,
1

Godot Version

4.6

Question

Hi everyone, I am having issues with scrolling on touch devices in webgl builds:

I start a new project, create a scroll container, inside a VBoxContainer, inside some labels to go over the screen size. No scripts, all simple and basic. Functionality seems good from the editor, where I enable “emulate touch from mouse”. Then I make a Webgl build, which works fine on my laptop, but doesn’t on my android devices. In all of them, when touch is registered, scroll glitches uncontrollably either downwards or upwards.

Is this a known limitation? Am I missing something in order to make scrolling work well on webgl with touch devices?

I attach a small video of the issue, and a webgl build where you can test this.

Webgl build

Video

2

I used 4.4 to create a web based game for a convention a year ago, and for me ScrollContainer worked perfectly fine. I had emulate_touch_from_mouse disabled and emulate_mouse_from_touch enabled, which is as far as I know, the default behaviour.

I tested this on both Android and iOS devices, and our players seemed to have no issues with it.

Are you sure there aren’t any other control nodes that might get in the way if your scrolling, hence messing with the flow?

EDIT: I just tested it and created a brand new, empty project, and the scrolling seems to work on my desktop PC, as well as my older android and iOS devices.

2 Likes
3

I’m trying that specific setup, but I am fairly sure I have tried many combinations of those. Otherwise, I tried your demo with both my android decides and none of them worked lol, maybe this is a device problem?

4

What didn’t worked , how did you exported ?
What device do you use ?

5

Scrolling was broken, I shared a video with the issue, after touch detection it scrolls uncontrollably until bottom, and then its barely responsive

I exported to webgl with default settings, packaged into a zip and uploaded to Itch for testing

Devices were an old galaxy note 9 with android 10, and a fairphone 6 with android 15 (e/OS 3.5 version)

1 Like
6

I have tested this on two different devices. An Android: Samsung Galaxy A20e (2019 device) and my iPhone 15 Pro Max (2023 device) and scrolling worked perfectly fine on both. I’m not sure this is a godot specific issue.

3 Likes