Dropdown-Select listpad dont display above Scale-Modal

[niclas18]

Scale Version 3.0.0-beta.139

Framework and version Vue 3.3.4 Vite 4.4.9

Current Behavior When integrating the DropDown-Select component within a Scale Modal, the drop-down listpad with the items is expanded in the modal content (see minimal reproduction - open Modal2 - scroll to the end).

Expected Behavior The dropdown-listpad should display over the modal. There should be no need to scroll in the modal to select the appropriate option.

Code Reproduction Minimal reproduction

Desktop:

• OS: Windows 11
• Browser: Chrome
• Version: 116.0.5845.180

Additional context In #1208 we have the same problem with dropdown in ScaleCard. For this we found a fix with setting overflow: visible. We do this now for the scale-Modal to by setting:

scale-modal::part(window) {
    overflow-y: visible;
}
scale-modal::part(body-wrapper) {
    overflow-y: visible;
}

But this leaves us with the problem that scrolling is no longer possible and content at the end of the modal is simply cut off and no longer displayed (see minimal reproduction - open Modal1, which has the same content as Modal2 - the last dropdown is not displayed at all). In #1812 there was a pull-request which have the same problem and was closed because of broken scrolling.

[ghost]

Any updates here?

[radonyizsolt]

Having the same issue. Using angular. Any updates on this?