[wp-trac] [WordPress Trac] #49013: Alignment of form controls inside a custom meta box

[WordPress Trac]

#49013: Alignment of form controls inside a custom meta box
----------------------------+-----------------------------
 Reporter:  dontdream       |      Owner:  (none)
     Type:  enhancement     |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:
 Severity:  normal          |   Keywords:
  Focuses:                  |
----------------------------+-----------------------------
 This is a follow-up to #48420.

 I appreciate the recent improvements to the admin CSS, and I wish to
 submit to your attention this use case. Even with WP 5.3.1, a misalignment
 is visible, at least in Chrome and Firefox.

 To reproduce, use the following plugin which adds a meta box to the page
 edit screen.
 {{{
 /*
 Plugin Name: A CSS test plugin
 Plugin URI: https://www.dontdream.it/
 Description: A CSS test plugin.
 Version: 1.0
 Author: Andrea Tarantini
 Author URI: https://www.dontdream.it/
 */

 add_action ('add_meta_boxes', 'ctp_add_meta_boxes');
 function ctp_add_meta_boxes ()
 {
         add_meta_box ('ctp_fields_box', 'CSS Test Plugin',
 'ctp_fields_box', 'page', 'normal');
 }

 function ctp_fields_box ($post)
 {
 ?>
 <div>
         <div>
                 <select>
                         <option value="1">First</option>
                         <option value="2">Second</option>
                 </select>
                 <input type="text" placeholder="Input 1">
                 <input type="text" placeholder="Input 2">
                 <select>
                         <option value="1">First</option>
                         <option value="2">Second</option>
                 </select>
         </div>
         <div>
                 <select>
                         <option value="1">First</option>
                         <option value="2">Second</option>
                 </select>
                 <input type="text" placeholder="Input 1">
                 <input type="text" placeholder="Input 2">
                 <select>
                         <option value="1">First</option>
                         <option value="2">Second</option>
                 </select>
         </div>
 </div>
 <?php
 }
 }}}

 Thank you!

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