[wp-trac] [WordPress Trac] #48466: Block editor: radio buttons broken layout within the meta boxes area

[WordPress Trac]

#48466: Block editor: radio buttons broken layout within the meta boxes area
--------------------------+-----------------------------------------
 Reporter:  afercia       |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  5.3
Component:  Editor        |    Version:  trunk
 Severity:  normal        |   Keywords:  has-screenshots needs-patch
  Focuses:  ui            |
--------------------------+-----------------------------------------
 Noticed that a very recent CSS change in Gutenberg that was merged
 yesterday in core breaks the radio buttons used by plugins within the
 editor meta boxes area.

 Specifically the newly added `margin: -3px -4px;` makes the radio buttons
 "blue dot" completely misplaced:

 Screenshot:

 [[Image(http://cldup.com/QXxyfcuyrt.png)]]

 See https://github.com/WordPress/gutenberg/pull/18108/files#diff-
 0ad88efa3865f313f57c422957d02b2fR99-R101

 Removing those negative margins fixes the issue. I'm not sure those
 margins are really necessary, as removing them doesn't seem to change
 anything else. Also, the related Gutenberg pull request
 https://github.com/WordPress/gutenberg/pull/18108 was meant to fix issues
 within the sidebar, so I'm not sure why it's targeting the meta boxes
 area.

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