Feedback Modal: Missing Screenshot btn in production

[zhiyan114]

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.10

Framework Version

18.2.0

Link to Sentry event

No response

SDK Setup

init({
  enabled: import.meta.env.PROD,
  dsn: import.meta.env["VITE_SENTRY_DSN"],
  integrations: [browserTracingIntegration(), feedbackIntegration({
    showEmail: false,
    showName: false,
    enableScreenshot: true,
  }), reactRouterV6BrowserTracingIntegration({
    useEffect: React.useEffect,
    createRoutesFromChildren,
    matchRoutes,
    useLocation,
    useNavigationType
  })],
  environment: import.meta.env.MODE,
  release: import.meta.env.VITE_commitHash,
})

Steps to Reproduce

1. Setup a react vite project using their npx create tool
2. Build the source with enableScreenshot set to true
3. Publish it to a static host site on any domain name (other than localhost) that are NOT over secure connection (i.e. http)
4. Open the feedback box

Expected Result

The "Add a screenshot" button should be showing up in production build

Actual Result

The button, will not show up.

[zhiyan114]

It seems like I'm not able to replicate it outside of the webserver that I have no control over.

[zhiyan114]

Figure out the replication: It seems like the connection must be secure for the send feedback to be an option with the exception on localhost?

[zhiyan114]

It's a security policy on the browser to prevent tab screenshot on non-https environment