Hi Hosein,
Thanks so much for your report!
- Unfortunately, this cannot be prevented across the board since the overflow is required. However, you can solve the problem by adding a “custom” border-radius to the first and last item (within the settings or with custom CSS):
root .brx-dropdown-content > li:first-child {
border-radius: 10px 10px 0 0;
}
root .brx-dropdown-content > li:last-child,
#brxe-blcxew .brx-dropdown-content > li.brxe-dropdown > .brx-submenu-toggle {
border-radius: 0 0 10px 10px;
}
-
Agreed, the hover state applies to the wrong selector in this case.
-
We should also adjust the selector here.
-
I will pass the question to the dev team.
Best regards,
timmse