[wp-meta] [Making WordPress.org] #6424: Possible css conflicts in pattern preview of themes directory

[Making WordPress.org]

#6424: Possible css conflicts in pattern preview of themes directory
-----------------------------+---------------------
 Reporter:  wetah            |       Owner:  (none)
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:
Component:  Theme Directory  |  Resolution:
 Keywords:                   |
-----------------------------+---------------------

Comment (by dufresnesteven):

 Hi @wetah!

 I think you're correct about the second issue. It appears to be fixed. Can
 you validate?

 In terms of the first issue, this is where the theme preview differs
 slightly from the editor. The theme preview shows you what the pattern
 looks like active in the theme, not in the block editor. So the pattern
 previewing done in the theme directory is closer to the end-user
 experience. The 'circling' of the social media icons is done by Gutenberg
 and goes back a few years it appears:


 https://github.com/WordPress/gutenberg/blob/a175df35b1f16499e8dde403d153a38fb66568fd/packages
 /block-library/src/social-links/style.scss#L75

 Based on my testing, if a user were to install your theme, add that
 pattern to a page and preview the page, they would be circled, as you see
 in the preview, and not as blocks as you see in the editor preview.

 Are you seeing different behavior?

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/6424#comment:2>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org