Skip to content

feat(init-modal): apply new modal style to init screen in editor#2041

Merged
thomasguillot merged 1 commit intotrunkfrom
update/init-modal
Mar 2, 2026
Merged

feat(init-modal): apply new modal style to init screen in editor#2041
thomasguillot merged 1 commit intotrunkfrom
update/init-modal

Conversation

@thomasguillot
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

WordPress recently updated the Editor Post Header height from 60px to 64px, which caused the Init modal to appear slightly misaligned. This is not the first time this modal has had issues. It was originally styled to simulate a full-screen experience, making it fragile and prone to breaking when upstream changes occur.

This PR refactors the Init modal to render as a standard "fill" Modal, bringing it in line with conventional modal behaviour. This approach is more resilient to future WordPress Editor changes and reduces the risk of layout regressions.

image

How to test the changes in this Pull Request:

  1. Ensure you are on the current trunk branch
  2. Confirm the site icon in the newsletter header appears slightly misaligned (this is the pre-fix state)
  3. Switch to this branch
  4. Add a new newsletter: the layout picker should now appear in a standard modal
  5. Remove the newsletter API keys
  6. Add a new newsletter again: you should see the "Configure plugin" screen
  7. Verify that the settings screen works as expected
  8. Verify that the layout picker functions correctly

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you successfully ran tests with your changes locally?

@leogermani
Copy link
Contributor

It works as expected. But I have to say I don't love it. The fake full screen looks better :)

@thomasguillot thomasguillot merged commit 3caafdc into trunk Mar 2, 2026
9 checks passed
@thomasguillot thomasguillot deleted the update/init-modal branch March 2, 2026 12:22
@github-actions
Copy link

github-actions bot commented Mar 2, 2026

Hey @thomasguillot, good job getting this PR merged! 🎉

Now, the needs-changelog label has been added to it.

Please check if this PR needs to be included in the "Upcoming Changes" and "Release Notes" doc. If it doesn't, simply remove the label.

If it does, please add an entry to our shared document, with screenshots and testing instructions if applicable, then remove the label.

Thank you! ❤️

matticbot pushed a commit that referenced this pull request Mar 5, 2026
# [3.29.0-alpha.1](v3.28.6...v3.29.0-alpha.1) (2026-03-05)

### Bug Fixes

* iframe editor compatibility ([#2025](#2025)) ([cd15c02](cd15c02))
* improve error handling in upsert contact method ([#2031](#2031)) ([89a5937](89a5937))
* no parallel post-release jobs ([#2037](#2037)) ([8e4a738](8e4a738))

### Features

* **init-modal:** apply new modal style to init screen in editor ([#2041](#2041)) ([3caafdc](3caafdc))
@github-actions
Copy link

github-actions bot commented Mar 5, 2026

🎉 This PR is included in version 3.29.0-alpha.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants