MQTT Integration Dropdown Not Displaying #20

Closed
opened 2026-10-05 01:53:16 +02:00 by adam · 2 comments
Owner

In the settings menu on the UI, the MQTT integration dropdown is not displaying properly and you cannot select anything.

 <div
        role="menu"
        className="z-50 min-w-56 rounded-md border border-input bg-background p-1 shadow-lg"
        style={{ 
          maxHeight: '50vh', 
          overflowY: 'auto',
          position: 'fixed',
          top: addMenuRef.current ? addMenuRef.current.getBoundingClientRect().bottom + 8 : 'auto',
          left: addMenuRef.current ? addMenuRef.current.getBoundingClientRect().left : 'auto'
        }}

I added this and removed

  className="absolute left-0 top-full z-10 mt-2 min-w-56 rounded-md border border-input bg-background p-1 shadow-md"

Before:
Image

After:

Image

Sorry I am not a UI person, I had AI help. Maybe hiding the menu was intentional.

In the settings menu on the UI, the MQTT integration dropdown is not displaying properly and you cannot select anything. <div role="menu" className="z-50 min-w-56 rounded-md border border-input bg-background p-1 shadow-lg" style={{ maxHeight: '50vh', overflowY: 'auto', position: 'fixed', top: addMenuRef.current ? addMenuRef.current.getBoundingClientRect().bottom + 8 : 'auto', left: addMenuRef.current ? addMenuRef.current.getBoundingClientRect().left : 'auto' }} I added this and removed className="absolute left-0 top-full z-10 mt-2 min-w-56 rounded-md border border-input bg-background p-1 shadow-md" Before: <img width="1179" height="420" alt="Image" src="https://github.com/user-attachments/assets/4d56e3e4-73d0-4b77-80af-0b43d2c80738" /> After: <img width="646" height="420" alt="Image" src="https://github.com/user-attachments/assets/7e5d9647-ff81-4458-bf0d-d45e2b959d73" /> Sorry I am not a UI person, I had AI help. Maybe hiding the menu was intentional. <!-- github-sync-id:4048958684 -->
adam closed this issue 2026-10-05 01:53:16 +02:00
Author
Owner

No worries! I believe this was fixed in e99e522573. Give main a pull, rebuild the frontend, and see if it fixes for you.

No worries! I believe this was fixed in e99e5225730a832f29fc45790786c864d80f5c04. Give `main` a pull, rebuild the frontend, and see if it fixes for you. <!-- github-comment-id:4028205014 -->
Author
Owner

oh dang, you just fixed it. Nice!

oh dang, you just fixed it. Nice! <!-- github-comment-id:4028490956 -->
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/Remote-Terminal-for-MeshCore#20