A target inside its own scroller

A row deep inside a scrolling list, whose hole stays on it while the list scrolls.

The story

const story = {
  id: 'nested-scroller',
  steps: [
    {
      id: 'deep-row',
      target: { elements: '[data-deep]', interactive: true },
      message: 'Scroll the list. The cutout should stay on this row.',
    },
  ],
} satisfies LekoStory