Site Editor - Insert from URL (Audio and Video blocks) too small

[ktyfuller604]

Quick summary

The Insert from URL field for Audio and Video blocks is too small. It only shows the Apply icon. This only happens in the Site Editor. The field is wide enough to add the URL in Pages or Posts.

Steps to reproduce

1. Access the Site Editor
2. Edit a page, post, template, etc
3. Add an Audio or Video block
4. Choose the "Insert from URL" option

What you expected to happen

The field should be large enough to enter the URL.

What actually happened

The field only has enough space to show the Apply icon.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

If the above answer is "Yes...", outline the workaround.

Click in the white space just to the left of the Apply icon and past the URL. You won't see that it worked until you click Apply.

Or, for pages/posts, use the Page editor.

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

I tested in both Chrome and Safari, and the original report was on a simple site, but I could replicate it on an atomic site.

9144384-zd-a8c

[github-actions]

Support References

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

• 9144384-zen

[Robertght]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Couldn't not replicate it
• Replicable outside of Dotcom – No

📌 FINDINGS/SCREENSHOTS/VIDEO

• I could only replicate this within the Templates section and only on the Simple sites.
• The AT and self-hosted site did not reflect the same issue on pages, posts or templates, with or without Gutenberg active.

📌 ACTIONS

• Triaged
• Requested author feedback

📌 Message to Author
@ktyfuller604 Is there an AT site example where we can see the issue?

[ktyfuller604]

@Robertght thanks for the ping!

I can replicate the issue on bebravetraveler.com (My AT site) using the craftfully theme.

[ramonjd]

This is a bug in Gutenberg and occurs on image blocks as well:

The block editor content CSS for the media placeholder isn't being loaded in the site editor, but it is in the post editor.

In Gutenberg trunk (19.9)

Post editor

Site editor

I created an issue here:

• Site Editor - Insert from URL (Image, Audio and Video blocks) form input is too smal WordPress/gutenberg#68494