V9 Docsite: Hide Addons tab from mobile viewports

[TristanWatanabe]

Current Behavior

• Addons tab visible on mobile viewports:
  

New Behavior

• Addons tab now hidden on mobile viewports:

Related Issue(s)

Fixes #23161

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 26adba4:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against 5090df2a0e145fa2664852334e62592ec6cef5ac}

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 5090df2a0e145fa2664852334e62592ec6cef5ac (build)

[spmonahan]

This feels brittle to me. Storybook might change its DOM structure and then this won't work anymore.

Is it possible to use the showPanel property to disable this via Storybook's API?

[TristanWatanabe]

Yeah setting showPanel:false does hide the add-ons panel from showing on desktop viewports but for some reason, it still shows up as a tab in mobile viewports 😥

[TristanWatanabe]

Filed an issue with Storybook.

[ling1726]

The addons and canvas tabs should only be visible during the internal devloop. Apart from the fact that this happens who does it impact ?

[TristanWatanabe]

The addons and canvas tabs should only be visible during the internal devloop. Apart from the fact that this happens who does it impact ?

Not super critical but the consensus has been that the addons tab provides no value to visitors of the docsite and only adds noise so hiding/removing it might be the way to go.

[ling1726]

The addons and canvas tabs should only be visible during the internal devloop. Apart from the fact that this happens who does it impact ?

Not super critical but the consensus has been that the addons tab provides no value to visitors of the docsite and only adds noise so hiding/removing it might be the way to go.

Do you see the addons tab when you visit the public docsite ???

[TristanWatanabe]

The addons and canvas tabs should only be visible during the internal devloop. Apart from the fact that this happens who does it impact ?

Not super critical but the consensus has been that the addons tab provides no value to visitors of the docsite and only adds noise so hiding/removing it might be the way to go.

Do you see the addons tab when you visit the public docsite ???

Yup 😥

[ling1726]

Yup 😥

Ouch, is this just an iOS thing ?

[spmonahan]

Ouch, is this just an iOS thing ?

No, you can see it on desktop if you shrink the width of the browser window to "mobile" size.

[spmonahan]

Too bad showPanel: false doesn't work for mobile viewports. This is fine by me as an interim solution and hopefully it'll be fixed upstream in Storybook soon.