*Hi everyone,*
I’m working on a *mobile-only* GWT interface in App Inventor and I’m
running into a frustrating issue with my hamburger menu’s popup panel. I’d
appreciate any advice on what I’m doing wrong and how to fix it.
------------------------------
Problem Description
-
*What I want:*
1.
User clicks the *hamburger icon* (<ai:DropDownButton>).
2.
A centered popup appears on the mobile screen containing two
DisclosurePanels (“Projects” and “Build”).
3.
Clicking *outside* the popup closes it.
4.
Clicking the hamburger again repeats the cycle.
-
*What’s happening now:*
-
As soon as the page loads (without any click), the popup is already
visible.
-
Clicking *outside* does *not* close the popup.
------------------------------
🔍 Code Snippets
*Code Link <https://codefile.io/f/QdcBxeQPbk>: *
https://codefile.io/f/QdcBxeQPbk
------------------------------
🔨 What I’ve Tried
1.
*Removed* any menuPopup.show() calls outside the click handler.
2.
Ensured autoHideEnabled="true" so GWT should hide on outside clicks.
3.
Centered via both CSS transform *and* menuPopup.center().
Despite all this, the popup still:
-
*Loads automatically*
-
*Doesn’t close* on outside clicks
-
*Shows only a blank black box*, no disclosure panels
------------------------------
❗ Questions / Request
1.
*Why* is the popup visible on initial page load, even though I never
call .show() or .center()?
2.
*How* can I ensure it only appears when settingsDropDown is clicked?
3.
*Why* doesn’t autoHideEnabled=true close it on outside clicks?
4.
*What’s the best practice* for centering a GWT PopupPanel on mobile
without conflicting CSS?
Any guidance, code suggestions, or pointers to GWT docs would be hugely
appreciated! 🙏
Thanks in advance,
--
You received this message because you are subscribed to the Google Groups "GWT
Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To view this discussion visit
https://groups.google.com/d/msgid/google-web-toolkit/2d3ff336-386e-471b-9884-db5362aa9917n%40googlegroups.com.
