Open processor "Open in browser" CTAs in a new tab (#7045)

## Description

The processor home-hero and download-editor modal "Open in browser"
buttons were meant to open the editor in a new tab, but they used
`window.location.href = EDITOR_URL`, which replaces the current tab.

This switches both to `window.open(EDITOR_URL, "_blank",
"noopener,noreferrer")`, matching the existing behaviour of the "Open"
button in `EditorStatusCard.tsx`. The `noopener,noreferrer` flags mirror
that same call and prevent the new tab from getting a `window.opener`
reference.

## Changes

- `WelcomeBanner.tsx` — home-hero "Open in browser" CTA
- `DownloadEditorModal.tsx` — download modal "Open in browser" CTA

## Notes

`EDITOR_URL` can resolve to a same-origin path when the editor is the
same SPA, so opening in a new tab triggers a full page load of the
editor app. This is the expected behaviour for "Open in browser".
This commit is contained in:
ConnorYoh
2026-07-16 10:20:49 +00:00
committed by GitHub
parent 963fe6c0cf
commit 2118de0bb7
2 changed files with 2 additions and 2 deletions
@@ -255,7 +255,7 @@ export function DownloadEditorModal({ open, onClose }: Props) {
variant="secondary"
leftSection={<OpenInNewRounded sx={{ fontSize: 15 }} />}
onClick={() => {
window.location.href = EDITOR_URL;
window.open(EDITOR_URL, "_blank", "noopener,noreferrer");
}}
>
{t("portal.home.download.openInBrowser")}
@@ -78,7 +78,7 @@ export function WelcomeBanner({ footer }: WelcomeBannerProps) {
className="portal-welcome__cta"
leftSection={<ExternalLinkIcon size={15} />}
onClick={() => {
window.location.href = EDITOR_URL;
window.open(EDITOR_URL, "_blank", "noopener,noreferrer");
}}
>
{t("portal.welcome.openInBrowser")}