Skip to content

Commit c82b531

Browse files
authored
Fix popover tips in FF (#5040)
1 parent 0114c97 commit c82b531

File tree

2 files changed

+4
-4
lines changed

2 files changed

+4
-4
lines changed

packages/@react-aria/overlays/docs/usePopover.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -105,8 +105,8 @@ function Popover({children, state, offset = 8, ...props}: PopoverProps) {
105105
{...popoverProps}
106106
ref={popoverRef}
107107
className="popover">
108-
<svg {...arrowProps} className="arrow" data-placement={placement}>
109-
<path d="M0 0,L6 6,L12 0" />
108+
<svg {...arrowProps} className="arrow" data-placement={placement} viewBox="0 0 12 12">
109+
<path d="M0 0 L6 6 L12 0" />
110110
</svg>
111111
<DismissButton onDismiss={state.close} />
112112
{children}

packages/react-aria-components/docs/Popover.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ import {DialogTrigger, Popover, Dialog, Button, OverlayArrow} from 'react-aria-c
4747
<Button>Open popover</Button>
4848
<Popover>
4949
<OverlayArrow>
50-
<svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
50+
<svg width={12} height={12} viewBox="0 0 12 12"><path d="M0 0 L6 6 L12 0" /></svg>
5151
</OverlayArrow>
5252
<Dialog>
5353
This is a popover.
@@ -219,7 +219,7 @@ function MyPopover({children, ...props}: MyPopoverProps) {
219219
return (
220220
<Popover {...props}>
221221
<OverlayArrow>
222-
<svg width={12} height={12}><path d="M0 0,L6 6,L12 0" /></svg>
222+
<svg width={12} height={12} viewBox="0 0 12 12"><path d="M0 0 L6 6 L12 0" /></svg>
223223
</OverlayArrow>
224224
<Dialog>
225225
{children}

0 commit comments

Comments
 (0)