Pickdate and Picktime impossible z-index


Topic: Pickdate and Picktime impossible z-index

pro asked 7 years ago

I have pickdate and picktime going behind elements. One element in question only has a z-index of 2 and cannot have auto since it is a fixed element that does not scroll I have been through this before and the last time the suggestion was a temp fix that i should have css attached to other elements. the fix was to have the elements in question have z-index: auto!important; These "plugins" need to be fixed and to stop telling people that they need to fix there code. No matter what i do to the elements on the pickers i cannot force them to have a z-index of anything greater to get around this problem. I dont know where the issue really lies but this is getting out of hand.

pro answered 7 years ago

I know that you dont manage the plugins issues but i could have been informed where to go for the info on issues. instead I had to go into the source files to find out where you got the plugins from. it would also help if your documentation would show the parts that you can use to expand their plugins with

The only fix i can find is to add this to my picks

FOR THE PICKADATE
onOpen: function() {
 $("#quickinfo").css("z-index", "3"); //change the element/parent container that the date/time input is in to be above all other elements on page
},
onClose: function() {
 $("#quickinfo").css("z-index", "1");//change the element/parent container back down to the same level
}

FOR THE PICKATIME
beforeShow: function() {
 $("#quickinfo").css("z-index", "3");//change the element/parent container that the date/time input is in to be above all other elements on page
},
beforeHide: function() {
 $("#quickinfo").css("z-index", "1");//change the element/parent container back down to the same level
}

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No