[Bug]: Annotation tools can't select anything inside a same-origin iframe (e.g. Storybook stories)#30117

opened8d agobyHHerbCaudill

Claude posting on behalf of Herb Caudill

Before submitting

  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.

Area

apps/desktop

Steps to reproduce

  1. Run any Storybook locally (storybook dev -p 6006).
  2. Open a story in the built-in browser, e.g. http://localhost:6006/?path=/story/ui-button--all-variants.
  3. Click Annotate and use Select to hover or click a component in the story canvas.
  4. Try Region over the same components.

Expected behavior

I can select and comment on elements in the story, the same as anywhere else on the page. Storybook renders stories in iframe.html on the same origin, so the picker should be able to reach them.

Actual behavior

Select only works on the Storybook UI around the story, such as the sidebar and toolbar. Hovering over the story canvas highlights nothing. Region over the canvas picks up only sidebar elements, and the drag goes through to the iframe as a text selection. So I can't annotate the thing I'm actually working on.

Impact

Major degradation or frequent failure

Version or commit

T3 Code (Beta) 0.1.6, desktop

Environment

macOS 27.2

Logs or stack traces

None

Workaround

Switch the story to Storybook's isolation mode ("Open canvas in new tab"), or open http://localhost:6006/iframe.html?id=<story-id>&viewMode=story directly, so the story isn't inside an iframe. That works, but it's clumsy: you lose the Storybook UI and have to switch back and forth for every story you want to annotate.

Notes

This is the same issue as #3141, which was auto-closed as stale rather than fixed. #3237 tried a same-origin iframe fix but was closed unmerged. Storybook is probably the most common case, since every story runs in a same-origin iframe.