Dropdown-MenuItems SupportOutside not working right

[nku-bsw]

When the ActionMenu has multiple Dropdown MenuItems wich are beside each other, then both can be opened. Normally when one is Open and an other MenuItem is clicked the Open Dropdown-MenuItem will close. This will not happend when an other Dropdown-MenuItem is clicked.

               <MenuItem label="I'm a MenuItem" />
                <div>
                    <MenuItem label="I'm a MenuItem with children" supportOutside icon={<CloudSleet />}>
                        <MenuItem label="I'm a MenuItem" />
                        <MenuItem label="Another one" />
                    </MenuItem>
                </div>

                <div className="position-relative">
                    <MenuItem label="Actions" supportOutside dropdownClassName="position-absolute end-0">
                        <MenuItem label="Do a lot, a loooot of stuff" />
                        <MenuItem label="Yeah, really a lot of stuff" />
                    </MenuItem>
                </div>
                <div className="position-relative">
                    <MenuItem label="Actions" supportOutside dropdownClassName="position-absolute end-0">
                        <MenuItem label="Do a lot, a loooot of stuff" />
                        <MenuItem label="Yeah, really a lot of stuff" />
                    </MenuItem>
                </div>

If the first Dropdown-MenuItem is open and another the second Dropdown-MenuItem is clicked the first Dropdown-MenuItem should close when "supportOutside"-Prop is set to the MenuItem.

[lgk-bsw]

Test Kommentar