@@ -402,18 +402,6 @@ export interface PopoverContentProps
402402 * @default true
403403 */
404404 avoidCollisions ?: boolean
405- /**
406- * Show an arrow pointing toward the anchor element.
407- * The arrow color matches the popover background based on the current color scheme.
408- * @default false
409- */
410- showArrow ?: boolean
411- /**
412- * Custom className for the arrow element.
413- * Overrides the default color-scheme-based fill when provided.
414- * Useful when the popover background is overridden via className.
415- */
416- arrowClassName ?: string
417405}
418406
419407/**
@@ -438,8 +426,6 @@ const PopoverContent = React.forwardRef<
438426 collisionPadding = 8 ,
439427 border = false ,
440428 avoidCollisions = true ,
441- showArrow = false ,
442- arrowClassName,
443429 onOpenAutoFocus,
444430 onCloseAutoFocus,
445431 ...restProps
@@ -594,8 +580,7 @@ const PopoverContent = React.forwardRef<
594580 onCloseAutoFocus = { handleCloseAutoFocus }
595581 { ...restProps }
596582 className = { cn (
597- 'z-[var(--z-popover)] flex flex-col outline-none will-change-transform' ,
598- showArrow ? 'overflow-visible' : 'overflow-auto' ,
583+ 'z-[10000200] flex flex-col overflow-auto outline-none will-change-transform' ,
599584 STYLES . colorScheme [ colorScheme ] . content ,
600585 STYLES . content ,
601586 hasUserWidthConstraint && '[&_.flex-1]:truncate [&_[data-popover-section]]:truncate' ,
@@ -617,27 +602,6 @@ const PopoverContent = React.forwardRef<
617602 } }
618603 >
619604 { children }
620- { showArrow && (
621- < PopoverPrimitive . Arrow width = { 14 } height = { 7 } asChild >
622- < svg
623- width = { 14 }
624- height = { 7 }
625- viewBox = '0 0 14 7'
626- preserveAspectRatio = 'none'
627- className = {
628- arrowClassName ??
629- cn (
630- colorScheme === 'inverted'
631- ? 'fill-[#242424] stroke-[#363636] dark:fill-[var(--surface-3)] dark:stroke-[var(--border-1)]'
632- : 'fill-[var(--surface-3)] stroke-[var(--border-1)] dark:fill-[var(--surface-3)]'
633- )
634- }
635- >
636- < polygon points = '0,0 14,0 7,7' className = 'stroke-none' />
637- < polyline points = '0,0 7,7 14,0' fill = 'none' strokeWidth = { 1 } />
638- </ svg >
639- </ PopoverPrimitive . Arrow >
640- ) }
641605 </ PopoverPrimitive . Content >
642606 )
643607
@@ -1189,4 +1153,4 @@ export {
11891153 usePopoverContext ,
11901154}
11911155
1192- export type { PopoverSize , PopoverColorScheme }
1156+ export type { PopoverSize , PopoverColorScheme }
0 commit comments