Fix popover tips in FF (#5040)

adobe · Sep 7, 2023 · c82b531 · c82b531 · rspbot · Sep 7, 2023
1 parent 0114c97
commit c82b531
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/@react-aria/overlays/docs/usePopover.mdx b/packages/@react-aria/overlays/docs/usePopover.mdx
@@ -105,8 +105,8 @@ function Popover({children, state, offset = 8, ...props}: PopoverProps) {
         {...popoverProps}
         ref={popoverRef}
         className="popover">
-        <svg {...arrowProps} className="arrow" data-placement={placement}>
-          <path d="M0 0,L6 6,L12 0" />
+        <svg {...arrowProps} className="arrow" data-placement={placement} viewBox="0 0 12 12">
+          <path d="M0 0 L6 6 L12 0" />
         </svg>
         <DismissButton onDismiss={state.close} />
         {children}

diff --git a/packages/react-aria-components/docs/Popover.mdx b/packages/react-aria-components/docs/Popover.mdx
@@ -47,7 +47,7 @@ import {DialogTrigger, Popover, Dialog, Button, OverlayArrow} from 'react-aria-c
   <Button>Open popover</Button>
   <Popover>
     <OverlayArrow>
-      <svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
+      <svg width={12} height={12} viewBox="0 0 12 12"><path d="M0 0 L6 6 L12 0" /></svg>
     </OverlayArrow>
     <Dialog>
       This is a popover.
@@ -219,7 +219,7 @@ function MyPopover({children, ...props}: MyPopoverProps) {
   return (
     <Popover {...props}>
       <OverlayArrow>
-        <svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
+        <svg width={12} height={12} viewBox="0 0 12 12"><path d="M0 0 L6 6 L12 0" /></svg>
       </OverlayArrow>
       <Dialog>
         {children}