Touch events in WebGL - Two taps

I realize mobile devices are not fully supported in WebGL. However, I find that on tablets and larger phones, my UI does layout correctly and touch events sort or work. The problem is that it often takes two taps in scene for the tap to register. It is almost like the view needs to have focus before responding to the tap. When the app first starts up, I need to tap and then tap again for something to happen. After gaining "focus" I only need a single tap.

If I then tap something in the my canvas, that generally works the first time but then tapping back in the main view will again require two taps.

I am using the "old input system" for this where you do things like Input.GetTouch(0) and
Input.GetMouseButton(0) in Update().

Is there something I can do to eliminate the need for two taps? Am I doing something wrong that causes this?

 

Try using pointerdown instead of onclick and see if that helps.

 

It will take a substantial rewrite of my code to change to event based handling for down, drag and up user gestures. Not quite sure I'm ready to try this. I don't use onClick events for this bit of code.

I'm somewhat new to Unity and am always a bit unsure about the old event system and the new event system (and there was apparently an even older event system). Is the use of PointerDown part of the new system or the old one?

I will try to create a simpler example that shows this behavior. Maybe that will illuminate the problem.

In any case it doesn't sound like this is the expected behavior when running under WebGL.

 

Is the Unity build run in a custom page? maybe something in the page is taking the focus?

I'm using both the EventSystem and Input.touch, and I didn't notice this issue.

Can you share a sample page?