Bug: 1. Tooltip shows thru Date Picker and 2. is active thru Date Picker

[Paul]

I have a Date field (Date Picker) on my Edit form called 'Location age/construction'. Below that is a URL field. Below the URL field is a 'Download Documents' button that has a tooltip associated with it.

fields.PNG

When I click on the 'Location age/construction' field to pick a date, I see the tooltip for the other field and it partially obscures one of the dates and when I hover over the tooltip, it is active. The Date Picker should temporarily hide and disable the tooltip altogether so that 1. the user does not see it and so that 2. the user cannot possibly activate the tooltip at all when hovering over the date that is partially obscured by the tooltip.

date-picker-1.png

date-picker-2.png

[steven]

Man,

I'm sorry,

We'll return all the money you spent with us.

Feel free to use another product.


Steven

[kev1n]

Good catch — this is a classic z-index issue, where one element is layered behind another due to their stacking order in CSS.
You can fix it by overriding the date picker’s z-index with a higher value, for example:

Code: Select all

.datepicker-dropdown {
  z-index: 9999; 
}