Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration

Home Page:https://react.semantic-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dropdown Items mis-alligned with the menu.

arjitacharya1994 opened this issue · comments

commented

Even in the documentation, the dropdown items seem to be misaligned.

PFA-
image

As investigated, the potential reason behind this is the below styles (scss equivalent)

.ui.selection.dropdown {
  .menu {
    min-width: calc(100% + 2px) 
    width: calc(100% + 2px) 
  }
}

Can someone share the reason for this styling and the impact if I modify it locally.

Thanks!

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

Not seeing this in SUIR v2.1.4 using Chrome Version 113.0.5672.126:

image

If your issue is persisting, please note the version of SUIR and your browser.