42
Views
3
Comments
Solved
[OutSystems UI] Overflow menu
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

WIth the new Outsystems UI 2.24 the overflow menu stays on top of the overlay of a popup for example. This issue was not happening before, should be related with the z-index 15 of the popup VS z-index 20 of the overflow menu

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Carlos Escorcio 

This issue is already tracked in our backlog under the code ROU-12138 (for release notes reference) and will be fixed in the next version, 2.25.0, which is expected to be released by the end of September/beginning of October. 

Meanwhile, the workaround can be something like the following (less impactful than the workaround mentioned above):

[data-popup-backdrop] {
    z-index: calc(var(--osui-popup-layer) + var(--layer-local-tier-5));
}

Cheers,
GM

2019-01-07 16-04-16
Siya
 
MVP

@Carlos Escorcio : Looks like an issue with 2.24 as it works with 2.23.  You may raise a support with OutSystems as this is a supported component. 

As a temporary workaround add the below to your theme. This works for me.

:root {--osui-popup-layer: var(--layer-global-instant-interaction);}

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Carlos Escorcio 

This issue is already tracked in our backlog under the code ROU-12138 (for release notes reference) and will be fixed in the next version, 2.25.0, which is expected to be released by the end of September/beginning of October. 

Meanwhile, the workaround can be something like the following (less impactful than the workaround mentioned above):

[data-popup-backdrop] {
    z-index: calc(var(--osui-popup-layer) + var(--layer-local-tier-5));
}

Cheers,
GM

UserImage.jpg
Carlos Escorcio

Awesome, thank you for both replies about it.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.