Auto-close Dropdowns on Outside Click

[kaan650]

In Roblox's default topbar, when any dropdown is open, clicking anywhere else on the screen closes the open dropdown. This improves UI clarity and avoids clutter.

Currently, TopbarPlus doesn’t close dropdowns when clicking outside of them. It would be great to replicate this behavior so the UI feels more responsive and native-like.

2025-06-18.22-01-48.mp4

[1ForeverHD]

Agreed, this improves consistency

[FirstVertex]

@1ForeverHD here is how i do it, using GetGuiObjectsAtPosition()

    const backdropConnection = backdrop.InputBegan.Connect((io: InputObject) => {
        if (
            io.UserInputState === Enum.UserInputState.Begin &&
            (io.UserInputType === Enum.UserInputType.MouseButton1 || io.UserInputType === Enum.UserInputType.Touch)
        ) {
            const clickedObjs = playerGui.GetGuiObjectsAtPosition(io.Position.X, io.Position.Y);
            const isBackdropClick = !clickedObjs.some((co) => co.Name === "ContextMenuFrame");
            if (isBackdropClick) {
                hideContextMenu();
            }
        }
    });