diff --git a/.changeset/ten-hats-exercise.md b/.changeset/ten-hats-exercise.md new file mode 100644 index 0000000000..59c55000a1 --- /dev/null +++ b/.changeset/ten-hats-exercise.md @@ -0,0 +1,6 @@ +--- +"@marigold/docs": patch +"@marigold/components": patch +--- + +chore[DSTSUP-65]: fix demo and add overlayprovider to tooltip diff --git a/docs/content/components/overlay/tooltip/tooltip-custom.demo.tsx b/docs/content/components/overlay/tooltip/tooltip-custom.demo.tsx index f3a256d4dc..28483cbd9a 100644 --- a/docs/content/components/overlay/tooltip/tooltip-custom.demo.tsx +++ b/docs/content/components/overlay/tooltip/tooltip-custom.demo.tsx @@ -1,8 +1,8 @@ import { Button, Tooltip } from '@marigold/components'; export default () => ( - + - Tooltip + Tooltip ); diff --git a/packages/components/src/Tooltip/Tooltip.tsx b/packages/components/src/Tooltip/Tooltip.tsx index fecc2247d7..0635cad9a2 100644 --- a/packages/components/src/Tooltip/Tooltip.tsx +++ b/packages/components/src/Tooltip/Tooltip.tsx @@ -4,6 +4,7 @@ import type RAC from 'react-aria-components'; import { cn, useClassNames } from '@marigold/system'; +import { usePortalContainer } from '../Provider'; import { TooltipTrigger } from './TooltipTrigger'; type RemovedProps = 'className' | 'isOpen' | 'style'; @@ -21,9 +22,14 @@ const _Tooltip = ({ children, variant, size, open, ...rest }: TooltipProps) => { isOpen: open, }; const classNames = useClassNames({ component: 'Tooltip', variant, size }); + const portal = usePortalContainer(); return ( - +