search

Semantic-Org / Semantic-UI-React

The official Semantic-UI-React integration
https://react.semantic-ui.com
MIT License
13.2k stars 4.04k forks source link

Dropdown Items mis-alligned with the menu. #4422

Closed arjitacharya1994 closed 1 year ago

arjitacharya1994 commented 1 year ago

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!

welcome[bot] commented 1 year ago

👋 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.

levithomason commented 1 year ago

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.