Sentry form breaks after a screenshot attached

[RonenMars]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react

SDK Version

8.41.0

Framework Version

react 18.3.1

Link to Sentry event

https://autokitteh.sentry.io/issues/6096100742/events/18df1b59a4344de7af5ce2fbdaeb7403/?project=4507571819249664&referrer=feedback.details

Reproduction Example/SDK Setup

Sentry.init({
	dsn: "___MY_DSN___",
	integrations: [
		Sentry.reactRouterV6BrowserTracingIntegration({
			useEffect,
			useLocation,
			useNavigationType,
			createRoutesFromChildren,
			matchRoutes,
		}),
		Sentry.feedbackIntegration({
			colorScheme: "system",
		}),
	],
	tracesSampleRate: 1.0,
	tracePropagationTargets: ["localhost"],
});

Steps to Reproduce

1. Click Report a Bug widget
2. In the form opened, click Add a screenshot or fill in the details and then click Add a screenshot

Expected Result

The form with a screenshot attached should have the screenshot visible, and we should be able to remove/change it.
After we attach a screenshot, the form should stay on the left, where it is displayed when we click on the widget, but when we attach a screenshot, it jumps to the right.

Actual Result

In the beginning on the left:

Permission dialog:

After we click on the "Add a screenshot" button, it jumps to the right, and the form view breaks:

[chargome]

Hey @RonenMars thanks for writing in.

@ryan953 could you guys check this one out?

[chriz1984]

Same problem with the package "@sentry/vue" 8.41.0

[chargome]

potentially introduced in #14355

[github-actions]

A PR closing this issue has just been released 🚀

This issue was referenced by PR #14535, which was included in the 8.42.0 release.