WIP: Some bugs in dropdown multi level

Hi Hosein,
Thanks so much for your report!

  1. 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;
}
  1. Agreed, the hover state applies to the wrong selector in this case.

  2. We should also adjust the selector here.

  3. I will pass the question to the dev team.

Best regards,
timmse

1 Like