[Bug]: An additional outline border is displayed in docs mode

[yannbf]

Describe the bug

Reported by @kbrandwijk (Thank you!)

When seeing a story in canvas, the Outline addon functionality is correct:

But when seeing in a docs entry, it outlines more elements that it should not, such as the "show code" button and the story wrapper:

The addon should only highlight the child elements of the story wrapper (e.g. <div id="story--components-category--default--primary-inner" data-name="Default">) in docs mode.

To Reproduce

• Run Storybook 7 with addon-essentials
• Open a story in docs mode
• Enable outline (press O on keyboard)

System

No response

Additional context

No response

[shilman]

Yowza!! I just released https://github.com/storybookjs/storybook/releases/tag/v7.1.0-alpha.15 containing PR #21773 that references this issue. Upgrade today to the @future NPM tag to try it out!

npx sb@next upgrade --tag future

[shilman]

Great Caesar's ghost!! I just released https://github.com/storybookjs/storybook/releases/tag/v7.0.11 containing PR #21773 that references this issue. Upgrade today to the @latest NPM tag to try it out!

npx sb@latest upgrade