z-index too low for modal dialog box

I report a bug and a temp solution
To use ngx-material-timepicker in a standard MODAL angular material dialog box

I used an input tag in a Material MODAL dialog box and attached to it the ngx-material-timepicker tag. I click in the input and the timepicker gadget opened, BEHIND the MODAL dialog instead of ABOVE it.

What Happened Instead

The timepicker widget opened BEHIND the modal dialog box

Reproduction Steps

Details

After checking the elements in the browser (Chrome) I found out that the z-index of the MODAL is 1000’ while the z-index of the timepicker is 999
After changing the timepicker )in nodes_module of the application) to z-index=1000
it was solved

Platform Info

Angular 8 npm 4.6.1
<!-- paste output here -->
$ node -p process.platform
<!-- paste output here -->

This forum is mainly focused on npm itself, and your report is a problem with ngx-material-timepicker? You might want to raise an issue against that package: https://github.com/Agranom/ngx-material-timepicker/issues

I have moved your topic to #community:javascript.

A solution for this problem was given .
See
https://github.com/Agranom/ngx-material-timepicker/issues

1 Like