GovAlta
Dropdown hidden under header when opening up
Info
Reported by Yves Biscarra, Rodrigo Monteiro, Andre Filipe Naves de Barros
If the Dropdown component opens up and would go over the AppHeader, it's instead going under the header and making options unselectable and can't be seen.
Versions being used:
- angular-components: 3.2.2
- web-components: 1.36.1 Latest as of issue creation
More Info
I was unable to replicate this issue because I couldn't for some reason force the Dropdown to open up, it would only ever open down even if there was no room below. But I did verify in a call with them that this is indeed a thing for them, though it could potentially be caused by their own custom CSS they're using, as one area it's being used is inside a custom container div, and the other area is inside a custom scrollable div (only the left hand side of the page can be scrolled).
Workaround
There is a workaround available for this, and that's just using native=true for the GoabDropdown.
Acceptance Criteria:
- If the Dropdown component would open up over the header, it should be visible on top of the header, not hidden below it.
I think for this issue to remain open we need a code snippet and screenshot from the team that originally reported it. @ArakTaiRoth @Spark450
