26
Views
8
Comments
Outsystems Time Picker not working in popup

Hello Everyone,
I have a time picker added on reactive app and it is not working in popup. However, it is working when added directly in screen. Tried different actions of time picker (TimePickerSetEditableInput, TimePickerOpen) to make it work, but unfortunately it didn't worked.    


time picker - error.png
2025-12-18 01-28-51
Peter Hieu

Hi @Priyank Sahu 

Can you share a little bit about your flow?. Currently I tried and it's run, see OML file bellow.

Peter Hieu.

RunSample.oml
2025-01-06 09-59-32
Priyank Sahu

Thanks for your help, @Peter Hieu . I checked your oml and it is exactly same with what I have done. The flow is pretty simple - On the popup added over a web block, I have added this widget. There is even no condition that could affect it's functionality. The strange part is, it is working properly on another block that is not a popup.

2025-12-18 01-28-51
Peter Hieu

On my side, clicking the button opens a popup with the Time Picker and it behaves correctly.
Could you confirm if this is the flow you intended? 

2023-10-16 05-50-48
Shingo Lam

Hi @Priyank Sahu 

You can inspect on the chrome: when clicking on the UI, the html for the popover to show date and time is rendered on UI or not. In my opinion, its z-index issue, the html is still rendered, but show behind the popup that you cannot see

2025-01-06 09-59-32
Priyank Sahu

Thanks for this idea. I checked that it is not loaded in html. This is what I am getting -

The page where it is working-


Any suggestions on this? 

2025-01-24 02-53-49
Mustafa Emad Shaker

Hello @Priyank Sahu,

I think @Shingo Lam summed it up, but let me add some context. The issue is either that the timepicker did not render at all, or that the z-index of the popup is higher that the timepicker thus covers it up.


1. Check that timepicker rendered successfully

To check if the timepicker rendered or not, use the browser inspector tools, and look for the timepicker in the immediate children of the body.


2. Increase z-index

If the timepicker did indeed render successfully, try increasing the z-index of the timepikcer.


I think it is the latter, but check for both issues to find what is the problem.

2025-01-06 09-59-32
Priyank Sahu

Thanks for the detailed explanation. The timepicker is not rendering on popup. Trying to figure out why it is not loaded.

2025-01-24 02-53-49
Mustafa Emad Shaker

The last think that came to my mind, is checking the console tab, if there is an exception thrown that causes this issue, you may find it here, and have a clue on which line of code that causes it.

*Note this is a dummy exception that I thrown to show a sample in the "Console" tab.

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