SOLVED: Dropdown Transform (Toggle on hover)

Bugs
1

Browser: Chrome 115
OS: Windows

Hi team,

If we put Toggle on on hover in the dropdown widget, there will be a problem in the front end. The problem is when we move the mouse from the dropdown item to the dropdown content, the dropdown content closes immediately. This problem exists even if we enable mega menu. Please watch the video below.

This problem did not exist when Dropdown was first released. So I guess this bug has appeared in new versions.

1 Like
2

Hi Hosein,
Thanks so much for your report!

Basically, this is not a bug, because the transformation of the dropdown content creates a gap. However, we have used a trick within the nestable nav element to fix this problem - and it should also apply to the dropdown element outside the menu.

You can add the following custom CSS to the dropdown element:

root.brxe-dropdown:not([data-toggle=click]):hover:before {
    content: "";
    height: 100%;
    min-height: 60px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}

Best regards,
timmse

2 Likes
3

Hi Hosein,

We’ve fixed this issue in Bricks 1.9.2 beta, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.

1 Like