Fix: The width stays 500px in wide or full alignments for Pocket Casts Embed

[Rishit30G]

What?

Closes #69780

Why?

How?

Testing Instructions

Testing Instructions for Keyboard

Screenshots or screencast

Screen.Recording.2025-04-01.at.7.55.33.AM.mov

[Rishit30G]

Hi @t-hamano,
I have implemented a fix for the issue, however I don't feel confident that this would be the best approach, could you please share some insights as to how we can improve this
Thanks

[t-hamano]

Thanks for the PR!

I'm not sure hard-coding the provider name and style is a good approach.

I think a good place to start is to understand where this 500px is coming from and why it exists.

[iamtakashi]

Also, I noticed the div in question isn't there if the embed has more than one episodes, for example.

<!-- wp:embed {"url":"https://pca.st/distributed","type":"rich","providerNameSlug":"pocket-casts","responsive":true} -->
<figure class="wp-block-embed is-type-rich is-provider-pocket-casts wp-block-embed-pocket-casts"><div class="wp-block-embed__wrapper">
https://pca.st/distributed
</div></figure>
<!-- /wp:embed -->

Instead, the max-width of 500px is added to the iframe tag.

In both cases, the max width is causing this bug. I'm not sure about the intention. The documentation says that users can change the alignments.

[Rishit30G]

On the editor side, I see max-width: 600px injected instead of max-width: 500px
I suspect that this could be a potential issue on the Pocket Casts side

[iamtakashi]

Good catch! That, too, needs to be removed to fix this for the editor.

[Rishit30G]

Good catch! That, too, needs to be removed to fix this for the editor.

Thanks! But as mentioned above that this a potential iframe issue from the pocket casts side and I would suggest two things:

• Reaching out to Pocket Casts to fix this issue
• Hardcode this for time being until and unless we find a concrete fix ( which this PR would do atleast for the frontend )