I´m struggling trying to use the built-in button menu Lightning Web Component inside a div which has a overflow: hidden. The opened menu is inside that div.

Is there a way to modify or say to the component that it should float outside the container div?

buttonMenuBasic.html

<template>
    <div class="slds-m-top_medium slds-m-bottom_x-large">
        

        <!-- DIV CONTAINER WITH OVERFLOW -->
        <div class="slds-p-around_medium overflow-div">
            <lightning-button-menu alternative-text="Show menu">
                <lightning-menu-item value="MenuItemOne" label="Menu Item One"></lightning-menu-item>
                <lightning-menu-item value="MenuItemTwo" label="Menu Item Two"></lightning-menu-item>
                <lightning-menu-item value="MenuItemThree" label="Menu Item Three"></lightning-menu-item>
                <lightning-menu-item value="MenuItemFour" label="Menu Item Four"></lightning-menu-item>
            </lightning-button-menu>
        </div>
    </div>
</template>

buttonMenuBasic.css

.overflow-div {
    
    overflow: hidden;
    background-color: grey;

}

buttonMenuBasic.js

import { LightningElement } from 'lwc';

export default class ButtonMenuBasic extends LightningElement {}

Thanks in advance.

Is there a way to prevent that the below lightning-button-menu is hidden by the wrapping div which has an overflow  : hidden?

buttonMenu.html

<template>
    <div class="slds-p-around_medium overflow-div">
        <lightning-button-menu alternative-text="Show menu">
            <lightning-menu-item value="MenuItemOne" label="Menu Item One"></lightning-menu-item>
            <lightning-menu-item value="MenuItemTwo" label="Menu Item Two"></lightning-menu-item>
            <lightning-menu-item value="MenuItemThree" label="Menu Item Three"></lightning-menu-item>
            <lightning-menu-item value="MenuItemFour" label="Menu Item Four"></lightning-menu-item>
        </lightning-button-menu>
    </div>
</template>

buttonMenu.css

.overflow-div {
    overflow: hidden;
    background-color: grey;
}