Screenshots for feedback are blank in Nuxt app

Karim6789 commented 1 month ago

Is there an existing issue for this?

[x] I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
[x] I have reviewed the documentation https://docs.sentry.io/
[x] 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/browser

SDK Version

8.15.0

Framework Version

Nuxt 3.12.2

Link to Sentry event

No response

SDK Setup/Reproduction Example

  Sentry.init({
        app: nuxtApp.vueApp,
        dsn: sentry.dsn,
        environment: env,
        integrations: [
            Sentry.feedbackIntegration({
                colorScheme: 'system',
                buttonLabel: 'Feedback',
                submitButtonLabel: 'Send Feedback',
                formTitle: 'Send Feedback',
            }),
            Sentry.browserTracingIntegration({
                router
            }),
            Sentry.replayIntegration()
        ],
        tracesSampleRate: 1.0, // Change in prod
        replaysSessionSampleRate: 1.0, // Change in prod
        replaysOnErrorSampleRate: 1.0 // Change in prod if necessary
    })

Steps to Reproduce

By using feedbackIntegration you can send a screenshot with you message to sentry. However while using Nuxt this screenshot is just a blank file.

https://github.com/getsentry/sentry-javascript/discussions/12950 Also made this discussion. But it seems like a bug.

Expected Result

After taking a screenshot I expect to receive a screenshot in the sentry issue mail.

Actual Result

I do receive a file, yet it is blank.

mydea commented 1 month ago

I see enableScreenshot: false in your config, which would indicate that screenshotting is not enabled for this app - is that correct? 🤔

Other than this, maybe @c298lee has an idea?

Karim6789 commented 1 month ago

I see enableScreenshot: false in your config, which would indicate that screenshotting is not enabled for this app - is that correct? 🤔

Other than this, maybe @c298lee has an idea?

Sorry that was my mistake, Added that in for now since the screenshot didn't work.

-Just to be clear. This was not the issue and the screenshot is still not working

c298lee commented 1 month ago

@Karim6789 Screenshots are only available in SDK version 8.0.0+, can you try updating your SDK version and see if that fixes anything?

Karim6789 commented 1 month ago

@Karim6789 Screenshots are only available in SDK version 8.0.0+, can you try updating your SDK version and see if that fixes anything?

On 8.15.0 the issue still persists

c298lee commented 1 month ago

@Karim6789 Would you be able to send a link to the user feedback in Sentry with this issue? Are you using the feedback widget to take and send the screenshot?

Karim6789 commented 1 month ago

@Karim6789 Would you be able to send a link to the user feedback in Sentry with this issue? Are you using the feedback widget to take and send the screenshot?

I'm using the feedback widget to 'send' the screenshot. There is no que to take the screenshot. nothing happens when I press the add screenshot

c298lee commented 1 month ago

@Karim6789 Are there any errors in the console log when you click on the add screenshot button? Could you also send a link to the feedback that has a blank file?

getsentry / sentry-javascript