Skip to content

Commit fca58c8

Browse files
authored
feat(feedback): Fix z-index of widget to be lower than toasts (#59136)
:toast:
1 parent 35f9a69 commit fca58c8

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

static/app/components/feedback/widget/feedbackWidget.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
import {useEffect} from 'react';
2+
import {css, Global} from '@emotion/react';
23
import {BrowserClient, getCurrentHub} from '@sentry/react';
34
import {Feedback} from '@sentry-internal/feedback';
45

56
import ConfigStore from 'sentry/stores/configStore';
67
import {useLegacyStore} from 'sentry/stores/useLegacyStore';
8+
import theme from 'sentry/utils/theme';
79

810
/**
911
* Use this to display the Feedback widget in certain routes/components
@@ -24,5 +26,14 @@ export default function FeedbackWidget() {
2426
};
2527
}, [widgetTheme]);
2628

27-
return null;
29+
// z-index needs to be below our indicators which is 10001
30+
return (
31+
<Global
32+
styles={css`
33+
#sentry-feedback {
34+
--z-index: ${theme.zIndex.toast - 1};
35+
}
36+
`}
37+
/>
38+
);
2839
}

0 commit comments

Comments
 (0)