[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                  |  Resolution:
 Keywords:  has-patch ui-feedback  |     Focuses:  ui
-----------------------------------+------------------------------

Comment (by FolioVision):

 @mauteri I've checked your solution, but on some versions of Safari it
 doesn't solve the problem. So doesn't the pseudo selector. The only thing,
 that really worked across the deck was to adjust the horizontal padding of
 the search field to
 {{{
 .wp-filter .search-form input[type="search"] {
     - padding: 3px 5px;
     + padding: 3px 4px;
 }
 }}}

 On the other hand this also means, that the general rule for input and
 select fields:

 {{{
 input, select {
     margin: 1px;
     padding: 3px 5px;
 }
 }}}

 would have to be changed to padding: 3px 4px;

 Not sure, if losing 1 pixel and breathing air on all fields is worth for
 one specific browser, not to speak of only some of it's older versions.

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