[Menu] Search should not cut off input text #5281
Labels
Milestone
Comments
koddsson
pushed a commit
to koddsson/Semantic-UI
that referenced
this issue
Apr 17, 2017
The `border-radius` property in the search input was cutting of parts of the first letter in the prompt. The prompt class name seems to be needed from the example in the docs[1] so resetting the `border-radius` for a search prompt when it's in a menu component seems like the most straight-forward solution. [1]: https://semantic-ui.com/collections/menu.html#search Closes Semantic-Org#5281
|
Thanks. I wonder why it can’t be reproduced on the menu component’s documentation page, the markup seems to be identical; the clipping has always been there, just not that severe. |
|
Hmm, I'm able to reproduce it in the menu documentations page:
|
|
It does look like its cutoff by 1px on base em. Probably could be more/less noticable if base em was different as well. |
jlukic
added a commit
that referenced
this issue
Jul 2, 2017
|
Fixed in |
# for free
to join this conversation on GitHub.
Already have an account?
# to comment
Here's a fiddle demonstrating the issue. I noticed this first in the semantic docs when there's a search input in the menu component so I assume that it's pretty easy to reproduce. The fiddle is basically a copy of the code in the docs.
Here's a screenshot of what I'm getting in case the issue is not re-producable:
This seems to be because a
border-radiuson the input, since only the first letter has the cutoff:Info
The text was updated successfully, but these errors were encountered: