Bug UI button stops working permanently after switching tabs on mobile Safari.

1 - Create a UI button. When it's clicked, set SetActive to false. Or whatever. Any visible effect.
2 - Select WebGL as the target and build the project.
3 - Host the build folder somewhere, I usually use https://app.netlify.com/ .
4 - Now access the game with Safari, on an iPhone. You click on the button and it goes invisible. That's it, great. The problem comes on the next steps.
5 - Reload the page.
6 - If you already have multiple tabs open, switch to any other tab on Safari. If not, create a new tab and switch to it.
7 - Switch back to the game tab.
8 - Try to click on the button. It won't work.

Unity version: 2020.2.1f1.

This bug doesn't seem like a big deal, but it is. Specially when you have a game with buttons that opens links to new tabs, redirecting to social media websites for example. Then the client wants to go back, and the buttons are not working anymore.

 

I have this bug on a project with Unity 2020.1.1f1, in fact this bug only occurs once with Safari (if I reload the page the bug no longer appears and I can open as many links as I want ) but it is permanent with Chrome (Firefox is not affected).
@Marks4 : Did you find a workaround ?

 

The bug is permanent on Safari for me. I didn't test on other browsers on the iPhone. But it doesn't happen on Chrome for Android. Unfortunately I didn't find any workaround.

 

@jukka_j I see that you're back! I am so glad! I created a bug report about this issue but so far it doesn't seem that it was acknowledged, I didn't get any reply from the devs.

 

There is no bug number because Unity never got back to me with the fogbuz entry. I am preparing an example to upload here.

 

@jukka_j Here's a video showing the problem. When I click on the button, a text shows up. After I reload the experience, open a new tab and go back to the webgl experience, I can't click on the button. The control does not go back to Unity. The button is unclickable.

 

@jukka_j Should I try to send another bug report, or is this being tracked? I'm sure this bug doesn't seem like a big deal, but it is. There are experiences where I need to put social media buttons like facebook and instagram and the client wants them to open on a new tab, and when the user switches back to the experience he can't click on anything.

 

@jukka_j A fogbugz entry was just created with the same title as this thread. Did you get it?

 

@jukka_j Hey man, I got a reply from "Joris Namajunas" from the customer QA team, that WebGL builds are not supported on mobile devices, so they won't create an issue for this. I guess you'll need to jump in.

 

Oh, that's the old one. A new fogbuz entry was created for the same bug. They are duplicated now. I hadn't noticed that the email was about the first bug report. The new one has the video attached. I guess it doesn't matter though.

 

@jukka_j ^

 

@brendanduncan_u3d Hm that's unexpected. iOS version is 14.2. Unity version is 2020.2.1f1.

 

@brendanduncan_u3d @jukka_j It was not fixed, there are other people complaining.

 

I have similiar issue, is this fixed?

 

In my Case! I am building game for Webgl and Ui Buttons works on all other browsers except on Safari using iPad.

 

+1!

My case:
1. Click button int the WebGL app to open some url in a new tab.
2.1 Return from the new tab back to webgl (left arrow) - everything is OK
2.2 Go to all tabs, close the new one and switch to the WebGL tab - can't click anything there.

 

Same issue when closing the ios keyboard (just closing, not using the return key)

 

Still having this issue with Unity version 2021.2.6f1

 

I am having the same issue in Chrome on Android. Unity 2020.3.12f1

 

I found a solution.

My porject:

• Unity 2020.3.25f1
• Target Platform: WebGL
• Test Device: iPhone(iOS14.8, iOS15.0.1), iPad mini(iOS 14.8)

Issue:

1. When I opened a new tab, OnApplicationFocus(false) was called at EventSystem.
   
2. But return from new tab, OnApplicationFocus(true) was not called.

So, I replaced EventSystem like this.
It's working fine for me.

Code (CSharp):

1. using UnityEngine.EventSystems;
2.  
3. public class CustomEventSystem : EventSystem
4. {
5.     protected override void OnApplicationFocus(bool hasFocus)
6.     {
7.         // Do Nothing
8.     }
9. }

 

It's work
thank you

 

Hi @gwon May I know your setup how you did this? Did you just replace the event system script? Because I can't make it work.

 

Thankyou!