remove dialog when screenshotting

Author: c298lee

packages/feedback-screenshot/src/screenshotButton.tsx

@@ -2,7 +2,7 @@ import { h, render } from 'preact';
 import { useState, useCallback, useEffect } from 'preact/hooks';
 import { useTakeScreenshot } from './useTakeScreenshot';
 import type { VNode } from 'preact';
-import { ScreenshotWidget } from './screenshotWidget';
+import { ScreenshotWidget } from './screenshotEditor';
 
 type Props = {
   croppingRef: HTMLDivElement;

packages/feedback-screenshot/src/screenshotWidget.tsx renamed to packages/feedback-screenshot/src/screenshotEditor.tsx

@@ -40,10 +40,15 @@ export const useTakeScreenshot = () => {
   const takeScreenshotCallback = useCallback(async (): Promise<HTMLCanvasElement> => {
     setIsInProgress(true);
     let image: HTMLCanvasElement | null = null;
+    const style = document.createElement('style');
+    style.innerHTML = '.dialog { display: none; }';
+    document.getElementById('sentry-feedback')?.shadowRoot?.appendChild(style);
     try {
       image = await takeScreenshot();
+      document.getElementById('sentry-feedback')?.shadowRoot?.removeChild(style);
     } catch (error) {
       setIsInProgress(false);
+      document.getElementById('sentry-feedback')?.shadowRoot?.removeChild(style);
       throw error;
     }
     setIsInProgress(false);