Unable to interact with buttons in the Pause Menu

Development Programming & Scripting
,
1

Hey everyone,

I have implemented a shield mechanism in my game for which I have created a separate widget with a health bar for the shield:-

1920×1080 182 KB

I have added a canvas panel as the parent and anchored the widget to the top left so that it shows up right underneath the stamina bar if a shield is equipped.

The problem is that when I open the pause menu while a shield is equipped, I am unable to interact with any of the buttons. I can see the cursor but I’m not even able to hover over the buttons:-

1927×1079 415 KB

I read something about the ZOrder of different UI elements but altering those values doesn’t make a difference.

I also tried using the widget reflector tool and it seems like when the shield health bar is rendered to the screen, everything else in the HUD is underneath it because I am unable to see the Pause Menu or the player health and stamina bars in the tool:-

1925×1080 562 KB

Could you please help me out? I’ve been stuck on this for a while now :frowning:

Thanks!

Aditya

2

Hi @TheRoadNotTaken

So firstly is the pause menu a seperate widget? Are you adding it to the viewport on pause and do you set focus to it?

3

Go to the “add to viewport” node and make sure the order there is higher than the order for your HUD/Shield widget. (It might only show if you click the arrows at the bottom of the node sometimes.)