Figspec displays shifted element focus

[fadler82]

Affected design types

• figma
• figspec
• link
• image
• iframe

Describe the bug

Angular 17.1 | Storybook 8.4.3

I have Figma dev mode access and am able to display figma mocks and its design properties in storybook. However when trying to hover over an element within the figma mock it does not find its focus. The focus is shifted above the element. The shifted focus applies to all elements. When shifted focus is selected, it does provide corresponding design values BUT still its weird and not very convenient.

How to reproduce the bug?

1. Add figma file reference via figspec in a story
2. hover over an element of the rendered figma file/mock
3. element is not focused but its focus can be found above
4. shifted focus can be selected and does display proper design values

Expected behaviour

Figma focus on elements visually aligns with corresponding elements and is not shifted.

Environment

• Chrome / Chromium / Chromium based browsers
• Firefox
• macOS Safari
• iOS Safari
• Samsung Internet
• Other

Affected versions

8.0.2

Storybook versions

8.4.3