[wp-trac] [WordPress Trac] #53115: Twenty Twenty number inputs have too much padding

WordPress Trac noreply at wordpress.org
Thu Apr 29 20:03:49 UTC 2021


#53115: Twenty Twenty number inputs have too much padding
----------------------------+-----------------------------
 Reporter:  helgatheviking  |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  General         |    Version:
 Severity:  normal          |   Keywords:
  Focuses:                  |
----------------------------+-----------------------------
 The number input has so much padding that the browser's up/down buttons
 are not clickable.

 With padding, the cursor never turns into a pointer cursor
 https://share.getcloudapp.com/2Nuwpo4W

 With padding removed, the cursor turns into a pointer and the up/down
 buttons are clickable
 https://share.getcloudapp.com/7KuPWNDO

 Note this gif is using WooCommerce.. which is applying a width to the
 input


 {{{
 .single-product form.cart input {
     width: 5em;
 }
 }}}



 However, tweaking the width doesn't seem to have an impact one way or the
 other.

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


More information about the wp-trac mailing list