[Menu] Search should not cut off input text

[koddsson]

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.

• Fiddle: https://jsfiddle.net/rrc7an6x/

Here's a screenshot of what I'm getting in case the issue is not re-producable:

This seems to be because a border-radius on the input, since only the first letter has the cutoff:

Info

• Browser: Google Chrome Version 57.0.2987.133 (64-bit)
• OS: MacOS Sierra 10.12.4

[awgv]

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.

[koddsson]

Hmm, I'm able to reproduce it in the menu documentations page:

[jlukic]

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]

Fixed in 2.1.11 thank you for your patience.