rhippert

Please take a look at the video in this URL: https://www.loom.com/share/70aa59fd6a9042bcaabea1e53e993861

It shows that the dropdowns don’t close when I select an option and, while the filter is loading, my mouse leaves the dropdown. The result is: I can see several opened dropdowns on the screen. It’s a bit strange for the user.

Sorry, we removed the plugin to make some tests. But now we just put it back online.

I don’t know why but the problem now seems to have been minimized. Do you think it can be due to some WordPress cache or something the like?

For your information, we had already customized some CSS, as shown below, because the way the menus open, taking the full width of the module, make the filter use more confusing to the user (in our opinion). But this is not the main discussion here. I am attaching the CSS just to be sure it’s not causing the problem:

.wpf_layout_horizontal .wpf_item {
    width: 19%;
    vertical-align: top;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.1);
    padding: 0;
    margin-bottom: 5px;
    margin-right: 0.5%;
    background: #fff;
    border-radius: 8px;
}

.wpf_layout_horizontal .wpf_item_name {
    font-size: 0.9em !important;
    line-height: 1.2em;
    font-weight: normal;
    border: none;
    margin: 0;
    padding: 0.6em 0.8em;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
}

.wpf_layout_horizontal .wpf_items_group.wpf_left_tab {
    border-top-left-radius: 0;
    width: 100% !important;
}

.wpf_layout_horizontal .wpf_items_group.wpf_right_tab {
    left: auto;
    right: -1px;
    width: 100% !important;
}

.wpf_item label {
    font-size: 0.7em;
}