[wp-trac] [WordPress Trac] #33141: Search form clear button is clipped in Safari (OS X)

[WordPress Trac]

#33141: Search form clear button is clipped in Safari (OS X)
--------------------------+-----------------------------
 Reporter:  markjaquith   |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  low           |  Milestone:  Awaiting Review
Component:  General       |    Version:
 Severity:  minor         |   Keywords:
  Focuses:  ui            |
--------------------------+-----------------------------
 Safari's search boxes have an "X" to clear the search terms. It is getting
 clipped. OS X.

 The reason for this appears to be the padding on the search box, and that
 we're doing this:

 {{{
 input[type="search"] {
         -webkit-appearance: textfield;
 }
 }}}

 which we HAVE to do in Safari in order to control certain aspects of the
 display.

 [[Image(https://cldup.com/J90Zt5PGQW-3000x3000.png)]]

 There is a pseudo-selector we might be able to use to fix this:

 `::-webkit-search-cancel-button {}`

--
Ticket URL: <https://core.trac.wordpress.org/ticket/33141>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform