Chosen Mutli Select z-index wrong – select appeasr above chosen-drop

[DivineSitesParticipant]

Another problem, we’ve set up a multi select with chosen, but the dropdown list is showing underneath the other chosen fields..
I’ve tried working with the z-indedx, but it hasn’t helped..

Anyu idea how to fix this?

Thanks

[Ernest MarcinkoKeymaster]

Hi,

Can you please link me to the page where the plugin is active? It’s definitely a z-index issue, but it’s a bit more complicated I think, as there are multiple instances of the same search drop down.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[DivineSitesParticipant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Hi,

Indeed, that is not correct. I think the only way to fix that for now is by using a custom code. Please try addomg this custom code to the functions.php in your theme/child theme directory. Before editing, please make sure to have a full site back-up just in case!

add_action('wp_footer', 'asp_sb_footer_fix');
function asp_sb_footer_fix() {
  ?>
  <script>
  jQuery(function($){
    var z = 1040;
    setTimeout(function(){
      $('.asp_sb .chosen-container').each(function(i, o){
        $(this).css('zIndex', z - i);  
      });
    }, 2500);
  });
  </script>
  <?php
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[DivineSitesParticipant]

Ernest you legend!!

That’s working a charm!

I have more jQuery on the page, so I just added it with the rest of the jQuery I was doing, and it’s working a charm!

All the best!!

[Ernest MarcinkoKeymaster]

You are welcome 🙂

I will include this fix in the upcoming release as well.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts