Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong z-index of date/time/datetime pickers

See original GitHub issue

Can be reproduced on Wagtail 1.10 using Chrome 58.0.3029.110 (64-bit).

Can be fixed by setting z-index >= 100, but I’m not sure where it should be fixed it because pickers are from 3rd party jQuery library .

screen shot 2017-05-19 at 16 10 21

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

thibaudcolascommented, Jun 14, 2017

Removing easy label – it’s never easy to change the z-index in a big project without future repercussions.

gasmancommented, Nov 22, 2022

This does still exist in current main:

Screenshot 2022-11-22 at 12 33 05

It appears that it was fixed for date pickers in modals as part of #8901, though.

Read more comments on GitHub >

github_iconTop Results From Across the Web

jquery-ui datepicker change z-index - Stack Overflow
Your JS code in the question doesn't work because jQuery resets the style attribute of the datepicker widget every time you call it....
Read more >
Datetimepicker coming behind div with position fixed #1863
Is there any way we can set the z-index of the datetimepicker widget? ... The datetime-picker creates a scroll bar for a model...
Read more >
jQuery UI Datepicker and z-Index - Rick Strahl's Web Log
Both the modal overlay and the dialog have higher z-Index values than the date picker popup. There's a relatively easy fix for this...
Read more >
How to bring Datepicker in the foreground with css z-index
I read several complicated js workaround about that, but the best solution is simpler than expected and can be found browsing the dom....
Read more >
10569 (Incorrect z-index position of Datepicker in some cases)
This means modal window has z-index equals 1050, but modal's parent DIV has z-index equals 1060! The cause of the incorrect z-index of...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found