[wp-trac] [WordPress Trac] #60080: Row block justification settings ignored in the iframed editor with classic themes (was: Twenty Twenty one - row block having issue in editor when justify is used.)

[WordPress Trac]

#60080: Row block justification settings ignored in the iframed editor with classic
themes
------------------------------+------------------------------
 Reporter:  nidhidhandhukiya  |       Owner:  (none)
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Editor            |     Version:  6.4
 Severity:  normal            |  Resolution:
 Keywords:  close             |     Focuses:
------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  has-patch => close
 * version:  6.4.2 => 6.4
 * component:  Bundled Theme => Editor


Comment:

 The problem can happen with //any// classic theme in the iframed post
 editor, including all the bundled themes from Twenty Ten to Twenty Twenty-
 One.

 The editor's `classic.css` margins override the zero margin for flex
 items.
 {{{
 /* classic.css */
 .editor-styles-wrapper .wp-block {
   margin-left: auto;
   margin-right: auto;
 }
 /* flex styles printed inline */
 body .is-layout-flex > * {
   margin: 0;
 }
 }}}

 It happens in WordPress 6.4.2 without Gutenberg, plus it can occur with
 Gutenberg 16.9.0 (and possibly an earlier plugin version) with WP 6.3.

 This discussion should continue on the
 [https://github.com/WordPress/gutenberg Gutenberg repository], and these
 are related:
 -
 [https://github.com/WordPress/gutenberg/pull/45196#pullrequestreview-1435758566
 the flex issue was mentioned in a review]
 - [https://github.com/WordPress/gutenberg/pull/50825 proposal to change
 specificity]

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