diff --git a/packages/core/src/components/Tooltip/story.tsx b/packages/core/src/components/Tooltip/story.tsx index a71b581ff..611fbdf0b 100644 --- a/packages/core/src/components/Tooltip/story.tsx +++ b/packages/core/src/components/Tooltip/story.tsx @@ -2,6 +2,8 @@ import React from 'react'; import LoremIpsum from ':storybook/components/LoremIpsum'; import { withexpandMultiple } from '../Accordion/story'; import Button from '../Button'; +import DataTable from '../DataTable'; +import { RendererProps } from '../DataTable/types'; import Text from '../Text'; import Spacing from '../Spacing'; import Link from '../Link'; @@ -389,3 +391,52 @@ export function popoverExpandsAndShrinksWithContent() { popoverExpandsAndShrinksWithContent.story = { name: 'Popover expands and shrinks with content.', }; + +export function popoverEscapesDataTableRow() { + return ( + ) => { + const { name } = row.rowData.data; + + return ( + + Certified by {name} +
+ +
+ + Click me! + + + } + > + {name} +
+ ); + }, + }} + /> + ); +} + +popoverEscapesDataTableRow.story = { + name: 'Popover can escape a DataTable row.', +};