diff --git a/.changeset/lazy-pumas-hammer.md b/.changeset/lazy-pumas-hammer.md new file mode 100644 index 00000000000..2293d2c04f5 --- /dev/null +++ b/.changeset/lazy-pumas-hammer.md @@ -0,0 +1,5 @@ +--- +'@clerk/ui': patch +--- + +Ensure the keyless prompt renders above application content by setting an explicit `z-index`. diff --git a/packages/ui/src/components/devPrompts/KeylessPrompt/index.tsx b/packages/ui/src/components/devPrompts/KeylessPrompt/index.tsx index 3713ea9665d..69ed7ae6bc1 100644 --- a/packages/ui/src/components/devPrompts/KeylessPrompt/index.tsx +++ b/packages/ui/src/components/devPrompts/KeylessPrompt/index.tsx @@ -361,6 +361,7 @@ function KeylessPromptInternal(props: KeylessPromptProps) { css={css` ${CSS_RESET}; position: fixed; + z-index: 2147483647; border-radius: ${isOpen ? '0.75rem' : '2.5rem'}; background-color: #1f1f1f; box-shadow: