QA Signup Form Block - Invalid Subscribe Form ID renders blank block in editor without validation message

[mohitwp]

Description

When an invalid or mistyped beehiiv Subscribe Form ID is entered in the beehiiv Subscribe Form block settings, the block does not render the form in the editor. The block area appears blank, and the browser console shows repeated 404 (Not Found) requests for the subscribe form API.

The frontend fails safely and the page layout does not break, which is good. However, the editor does not show any validation message or guidance, so it is not clear to the user that the entered form ID is invalid.

Steps to reproduce:

1. Add the beehiiv Subscribe Form block to a page/post.
2. Paste an invalid or mistyped Subscribe Form ID in the SUBSCRIBE FORM ID field.
3. Example: use a valid ID with one or more characters changed/removed.
4. Observe the block preview in the editor.
5. Open the browser console.
6. Preview/publish the page and check the frontend.

Actual result:

• The block preview appears blank in the editor.
• Console shows repeated 404 (Not Found) requests.
• The frontend does not show the form, but the page/layout does not break.

Expected result:

If the form ID is invalid or the embed cannot be loaded, the editor should show a clear validation or placeholder message instead of rendering a blank block.

Screenshot

[coderabbitai]

⚠️ Possible Duplicate Issue(s)

• Build Beehiiv Subscribe Form block #48

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!

[chandrapatel]

Hi @mohitwp

Signup Form Block uses iframe embed to show subscribe form so we can't validate whether form ID is valid or not. This block helps user to not using JS to embed form and this block do that. This block adds following JS for form embed and replacing form ID in data-beehiiv-form attribute.

<script async src="https://subscribe-forms.beehiiv.com/v3/loader.js" data-beehiiv-form="7ba8db0b-c7ef-4213-b1bf-47d1c68e22ed"></script>

I have made changes to not show preview in block editor because preview not works for other form styles like slide right or left etc. I have also added message that if form does not appear, make sure form ID is valid.

[chandrapatel]

Hi @mohitwp Changes updated on internal QA site. This is ready for QA. Thanks,

[mohitwp]

QA Update ✅

Retested this after the latest update.

Verified that the block no longer attempts to render the beehiiv subscribe form preview in the editor. Instead, it now shows a clear informational message that the subscribe form is only rendered on the frontend and cannot be previewed in the editor.

Also verified that after entering a valid Subscribe Form ID, the editor continues to show the expected placeholder/help message, and the form renders correctly on the frontend.

This resolves the original issue where the editor block appeared blank without any guidance. Marking this as passed.