Stop using super-high z-index – it makes datepickers not work

  • Resolved TrishaM

    (@trisham)


    9 years, 7 months ago

    I just spent a very annoying 9 hours trying to debug a problem that could have taken minutes…..if you would just include some alert or instruction that you use a ridiculously high z-index in your plugin’s stylesheets.

    I use a gravity forms that includes a datepicker – the datepicker was not working in the Fancybox overlay and I combed numerous forums looking for a solution and tried many involving some complicated scripting, none of which stood an icicle’s chance in Hades of working due to your use of a super-high z-index of 11100 (in version 1.5.6).

    In Gravity Forms the default style for the datepicker UI is set to a z-index of 9999 – that should be more than adequate to be certain that the date popup floats over top of everything else.

    SO please either lower your z-index or provide people with the necessary information such as “Fancybox uses a z-index of xxxxx to be sure the overlay floats on top. If you’re having trouble with elements not appearing in the overlay, check the z-index of those elements”……that would have saved me a LOT of time.

    OTHERWISE this is a great plugin.

    https://wordpress.org/plugins/easy-fancybox/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rolf Allard van Hagen

    (@ravanh)

    9 years, 6 months ago

    Hi,

    I could lower the z-index values to suit your needs but then others will complain about their menu or other elements staying visible on top of the lightbox. Like the Twenty Eleven theme uses a z-index of 9999 for it’s head section so users kept reporting me the same issue… And there are other themes that use this seemingly popular 4 digit value.

    Hence the even higher z-index currently used in this plugin.

    That said, there might be another way around this issue. Can you share a link to your site where I can see the contact form with datepicker live?

    Thread Starter TrishaM

    (@trisham)

    9 years, 6 months ago

    Hello RavanH

    Please forgive my frustration-induced rant. Once I understood the issue I was able to resolve it, so my datepicker-in-overlay is working fine.

    I totally understand the need for a high z-index, and I think there would be NO problems at all for anyone if you just let people who use the plugin know about the z-index issue, maybe in the installation instructions or in the FAQ, or in bold print on the settings Page (that would be probably the best spot – hard to overlook there).

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stop using super-high z-index – it makes datepickers not work’ is closed to new replies.