[OutSystems UI Web] DatePicker is not visible if located in element with z-index > 1
Forge component by OutSystems R&D
Application Type
Traditional Web

If we have a block with z-index for example 999 and there is a date input with a datePicker widget the calendar won't be visible as it will render behind the current block. So the z-index of pika-single  should be the highest on the page to avoid overlapping.

Solution

Hi Nick.

For now the solution that you can follow is to override the CSS class for the datePicker in order to reset the z-index value, like in the attached image.

Since it's in our backlog, we will tackle this in order to avoid having the suggested override class.

Thanks for your feedback.

Screenshot20210921at12.17.53.png

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