[wp-trac] [WordPress Trac] #53605: Twenty Twenty-One: Investigate duplicate rules in `ie-editor.css`

[WordPress Trac]

#53605: Twenty Twenty-One: Investigate duplicate rules in `ie-editor.css`
-------------------------------------------------+-------------------------
 Reporter:  SergeyBiryukov                       |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  assigned
 Priority:  normal                               |   Milestone:  5.9
Component:  Bundled Theme                        |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  needs-testing has-patch good-first-  |     Focuses:
  bug                                            |
-------------------------------------------------+-------------------------

Comment (by poena):

 I tried two things:
 -The pull request as is
 -Adding only the following changes to the theme (trunk):

 **Package.json**, [https://github.com/WordPress/wordpress-
 develop/pull/1475/files?authenticity_token=drVfN5sDEqnDRTIAgFpyub%2BnMKl7l3W1Leq3iIYPCStxS4Wqz4YXffJtiRdj2OjktOQvJ0iVfNEBUVO3VVk3yQ%3D%3D
 &file-filters%5B%5D=.js&file-filters%5B%5D=.json#diff-
 7d8b125b5f975a3a1652ac9b8f00e1bc3dcc76172896ca21f3ff863226fd5934R31 added
 {{{"postcss-merge-rules": "^5.0.2"}}}, to devDependencies.]
 (Deleted the lock file to regenerate it)

 **postcss.config.js** [https://github.com/WordPress/wordpress-
 develop/pull/1475/files?authenticity_token=drVfN5sDEqnDRTIAgFpyub%2BnMKl7l3W1Leq3iIYPCStxS4Wqz4YXffJtiRdj2OjktOQvJ0iVfNEBUVO3VVk3yQ%3D%3D
 &file-filters%5B%5D=.js&file-filters%5B%5D=.json#diff-
 da223a26c2beaffa1fbc1f2fffddaaec9f3bc2483fadcf592dc4e1899ab5f294R12 added
 {{{require('postcss-merge-rules')}}} to plugins.]

 I saw no issues on npm install.
 When I try to generate the updated CSS files, {{{npm run start}}} fails
 with:


 {{{
 assets/css/ie-editor.css
  1257:43  ✖  Unexpected empty block   block-no-empty

 assets/css/ie.css
  2722:43  ✖  Unexpected empty block   block-no-empty
  4205:43  ✖  Unexpected empty block   block-no-empty
 }}}

 -There are no empty blocks on these lines.

 If I only run the {{{build:ie}}} or {{{build:ie-editor}}} commands,
 there are no error reports or warnings and most of the duplicate CSS is
 solved.


 I am not sure how to solve the above problem with {{{npm run start}}}.

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