Social Icons legacy widget not showing on public site

[rickmgithub]

Steps to Reproduce

When you add a legacy site icons widget and add links nothing shows on the public site.

URL - https://jeffreyaguzman.com/

Editor view - https://d.pr/i/L0Rk0t Public site - https://d.pr/i/Xc3NCb

I can replicate this consistently on a similar simple test site. Nothing appears on the public site.

#4250489-zd

What I expected to happen

The links should show

What actually happened

Nothing shows

Context

#4250489-zd

Operating System

macOS

OS Version

No response

Browser

Chrome/Chromium, Firefox

Browser Version(s)

No response

Is this specific to applied theme? If so, what is the theme name?

No response

Simple/Atomic

Simple

Console and/or error logs

No response

Number of Users Impacted

Some users (<50%)

Available Workarounds

No response

Reproducibility

Consistent

Other information

No response

[jordesign]

I haven't been able to recreate this (yet).

When using the legacy widget block, selecting the Social Icons block and editing it - I do get the icons showing. This is on a Simple Site/Premium Plan.

Have we been able to recreate this issue elsewhere?

[jordesign]

I've also been able to get this working on the user's site - so I've replied in 4250489-zd-woothemes to ask them to confirm. Closing this Issue for now.

[poeticabdul]

This seems to have happened recently on 36480149-hc and 5479054-zen . Reopening this.

A screenshot from the issue in the ticket:

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 4250489-zen
• [ ] 5479054-zen
• [ ] 5483809-zen
• [ ] 5509600-zen
• [ ] 5529791-zen
• [ ] https://wordpress.com/forums/topic/unable-to-view-social-media-icons-on-my-blogs
• [ ] 5564558-zen
• [ ] 5561803-zen
• [ ] 5657380-zen
• [ ] 5664770-zen
• [ ] 5703648-zen
• [ ] 5748600-zen
• [ ] 5762723-zen
• [ ] 5850765-zen
• [ ] 5870760-zen
• [ ] 5917116-zen
• [ ] 5943803-zen
• [ ] 6200454-zen
• [ ] 6284601-zen
• [ ] 7767760-zen
• [ ] 7856747-zen

[jp-imagines]

Another report of this in 34092365-hc (Scratchpad theme).

In the browser inspector, I see the svg element seems to be using icons that don't actually exist at the specified location:

Suggested user switch to the Social Icons block widget instead.

[poeticabdul]

Reported here 5483809-zen

[eduardozulian]

Another report: 33143517-hc

Suggested the Social Icons Block as a workaround for now.

[zachspears]

Able to reproduce. Setting Normal priority due to high impact but easy work around.

[Gustavo-Hilario]

Another report:

• [ ] 5509600-zen

Theme: Twenty Fourteen

Also suggested the Social Icons Block as a workaround for now.

[ccwalburn]

Another report:

• [ ] 5529791-zen

Theme: Gazette Trying to add a Spotify social icon.

Suggested 2 options:

1. Change to using Block Widgets so they could use the Social Icons Block
2. Keep Classic widgets active and add a "Block" widget with the following code:

<!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"url":"URL","service":"spotify"} /--></ul>

[csonnek]

Another instance here: https://wordpress.com/forums/topic/unable-to-view-social-media-icons-on-my-blogs/?view=all

Suggesting the block workaround

[Babylon1999]

Another case 5564558-zd

I asked them to switch blocks (Retired theme)

[happychait]

Another report 5561803-zen

[jromales]

Another instance in 5657380-zd-woothemes

[msilbers]

reported in 36779080-hc for 3 sites, all on Shoreditch suggested new Social Icons block

[ariel-maidana]

Reported in 5664770-zd-woothemes Suggested the Social icons block workaround.

[zdenys]

5703648-zd-woothemes with Argent theme. Suggesting Social Icons Block.

[zdenys]

5748600-zd-woothemes with Twenty Seventeen theme. Oddly only Pinterest icon is not displaying.

[christianguerrag]

Another here 5762723-zen Suggested the Social Icons block instead.

[zdenys]

14943562-hc

[zdenys]

5850765-zd-woothemes

Suggested transforming the legacy Social Icons widget into Social Icons block.

[Gustavo-Hilario]

Another report: 5870760-zen. Theme: Dara.

I'm also suggesting using the Social Icons block.

[jp-imagines]

Another report in 5917116-zd-woothemes with Hemingway Rewritten.

[zdenys]

5943803-zd-woothemes with Illustratr theme. Suggested transforming the legacy Social Icons widget into Social Icons block.

[zdenys]

38099239-hc Suggested transforming the legacy Social Icons widget into Social Icons block.

[zdenys]

6200454-zd-woothemes Suggested transforming the legacy Social Icons widget into Social Icons block.

[ktyfuller604]

6284601-zd-woothemes - suggested transforming the legacy social icons widget into the social icons block.

[jp-imagines]

Another report in 7767760-zd-a8c.

[zdenys]

7856747-zd-a8c Told them to use Social Icons Block