[wp-trac] [WordPress Trac] #56384: Error in CSS for form input

WordPress Trac noreply at wordpress.org
Mon Aug 15 21:50:32 UTC 2022


#56384: Error in CSS for form input
-------------------------------------------+-----------------------------
 Reporter:  princeofabyss                  |      Owner:  (none)
     Type:  defect (bug)                   |     Status:  new
 Priority:  normal                         |  Milestone:  Awaiting Review
Component:  Administration                 |    Version:  6.0
 Severity:  minor                          |   Keywords:
  Focuses:  css, administration, template  |
-------------------------------------------+-----------------------------
 In ''user-new.php'' and ''user-edit.php'', I created an interface to add
 some custom meta fields using checkboxes.

 The problem is that the CSS bit


 {{{
 #adduser .form-field input, #createuser .form-field input {
   width: 25em;
 }
 }}}

 breaks my interface as I'm using the HTML

 {{{
 <input type="checkbox" name="class_languages[]" id="class_languages-
 english" value="english">
 }}}

 So ''.form-field input'' without excluding checkbox types, or specifically
 applying it to text/url types, stretches the checkboxes...

 Below I'm attaching two screenshots, the first with the CSS bit in effect,
 and the second with it disabled in the developer tools of the browser...

 [[Image(https://i.ibb.co/Lkf2r4P/Screenshot-2022-08-16-003733.jpg)]]

 [[Image(https://i.ibb.co/yPKBSCS/Screenshot-2022-08-16-003822.jpg)]]

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


More information about the wp-trac mailing list