Hi, it appears that an input[type=search] with a right padding does not deal well with the ::-webkit-search-cancel-button: the cancel button is clipped by the padding. If adding a right margin to make the cancel button visible, its display is now correct *but* the clickable zone of the cancel button does not match. I made this JSFiddle to showcase the problem: http://jsfiddle.net/oncletom/LdbkE/ Basically, the clickable zone is outlined in red. It should never be different than the cancel button drawing area. Reproduced on: - Chrome 25 Stable - Chrome 27 Canary - Safari 6.0.2 (8536.26.17) Not reproduced on: - Chrome Android
Created attachment 192429 [details] Screen capture illustrating the problem.
Created attachment 245258 [details] Screenshot showing the magnifying glass (results-button) cut off
This issue also applies to ::-webkit-search-results-button i.e. the magnifying glass which is added to search boxes when adding e.g. results=5 (Came across this issue through working with the Foundation css framework: https://github.com/zurb/foundation/issues/5755#issuecomment-71286537)