Show "menu/dropdown" outside and with calculated position #1567

xApep · 2022-06-09T14:53:31Z

xApep
Jun 9, 2022

Hey,
Is it possible to show menu/dropdown content when clicked as the latest body element and with calculated position to the clicked menu.button?

Dumy example

<body>
    <div class="some-div">
        <Menu.Button>
            Click me
        </Menu.Button>
        <Transition>
            <Menu.Items>
                dropdown content
            </Menu.Items>
        </Transition>
    </div>
</body>

Dumy example render

<body>
    <div class="some-div">
        <button>
            Click me
        </button>
    </div>
    <div style="top: 10px; left: 20px;">
        dropdown content
    </div>
</body>

Notice how dropdown content is located outside of the "some-div"

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Show "menu/dropdown" outside and with calculated position #1567

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

Show "menu/dropdown" outside and with calculated position #1567

Uh oh!

xApep Jun 9, 2022

Replies: 0 comments

xApep
Jun 9, 2022