Webiny-js: Clicking outside of the white account button does nothing

[Fsalker]

A very similar bug to #737 happens with the Account button in admin app when clicking outside of the button (see the blue arrow in the screenshot below). A pointer cursor is shown & the button's glowing animation is played regardless, as if it was functioning.

This is:

• Bug

Specifications

• OS: Windows 10
• Browser: Chrome

Expected Behavior

The account popup should appear.

Actual Behavior

Literally nothing happens.

Steps to Reproduce the Problem

1. Run the admin app
2. Click inside the div's square, but outside the white circle (as marked in the screenshot)

Possible Solution

Check the displayed UserImage element in packages/app-security/src/admin/plugins/UserMenu/UserImage.tsx.

It's loaded as a plugin in packages/app-admin/src/plugins/UserMenu/UserMenu.tsx:21.

You may inspect its parent elements and see exactly why the button's malfunctioning. Either make clicking outside of work as intended or remove the possibility of doing so altogether by suppressing the visual effects (the pointer cursor, the button's animation, ...)

[b0nbon1]

I'd love to contribute this one as my first issue

[Pavel910]

Great! Let us know if you need any help along the way 🚀