brianblakely/nodep-date-input-polyfill

Popup behind other elements

Closed this issue · 3 comments

The date picker will fall behind another date field that is placed below.

date_field1
date_field2
...

The popup for field one will fall behind field2.

By default, for the sake of flexibility, all pickers have a z-index of 1. You can override this in your app's own CSS, and you often will need to do so.

Give the pickers a sufficiently high z-index, and this issue will likely be resolved.

That only works with an !important declaration, however. It would be really useful to be able to set the z-index at initialization.

how would i overide the z-index?
<input type='date' style="z-index: 1000 !important' /> ?