Hoverable Dropdown

Anonymous

#253744

Hi,

I need a Hoverable Dropdown in my search form instead of click. Can you help to implement this feature in my form.

Regards.

Trevor

#253747

You will need to make some changes.

Go to wp-admin -> Search & Filter -> Settings -> Combobox Script

Change this from Chosen to Select2 – we’re dropping support for Chosen in v3, because it has too many issues on mobile.

Next, in the form field settings, select the combobox option for each.

Then, you will need to add a script to enable hover. There is no fixed way to do this, so this is the best generic solution I can find:

$(document).on('mouseenter', '.select2-container', function(e) {
    $(this).prev("select").select2("open");
});

$(document).on('mouseleave', '.select2-container .select2-dropdown', function(e) {
    var selectId = $(this).find("ul").attr('id').replace("select2-", "").replace("-results", "");
    $("#"+selectId).select2("close");
});

You would most likely use a plugin to add the script:

https://wordpress.org/plugins/custom-css-js/

I have not tested this, so it might need some fine tuning.

[Author]

Posts