Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

‼️ 🛑 Composition is broken in Safari (desktop and mobile)

See original GitHub issue

Hi! Could you please fix this issue. It’s blocker for us. Most of our developers in company use Macbooks and many of them use Safari.

Describe the bug The Composition on Safari browser (desktop and mobile) is broken. See the reproducing steps.

To Reproduce

First option with official storybook Steps:

Open official storybook from the docs.
Scroll down on the left panel to external storybook, open any story, wait until it loads and select the Docs tab

Scroll stories back to top and choose any story from the current storybook
Now the docs tab will stuck with docs from external storybook

Second option with repro repository

Clone this repo
Install dependencies
Start storybook with yarn storybook
Scroll down on the left panel to external storybook sample2, open any story, wait until it loads and select the Docs tab

Scroll stories back to top and choose any story from the current storybook
Now you can see “No docs” block on any docs page

And after that you can also reproduce the issue from first oprion if you open external ‘Official storybook’

System

System:
    OS: macOS 11.5
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 14.17.4 - ~/.nvm/versions/node/v14.17.4/bin/node
    Yarn: 3.0.1 - ~/.nvm/versions/node/v14.17.4/bin/yarn
    npm: 6.14.14 - ~/.nvm/versions/node/v14.17.4/bin/npm
  Browsers:
    Edge: 92.0.902.78
    Firefox: 90.0.2
    Safari: 14.1.2
  npmPackages:
    @storybook/addon-actions: ^6.4.0-alpha.32 => 6.4.0-alpha.32 
    @storybook/addon-docs: ^6.4.0-alpha.32 => 6.4.0-alpha.32 
    @storybook/addon-essentials: ^6.4.0-alpha.32 => 6.4.0-alpha.32 
    @storybook/addon-links: ^6.4.0-alpha.32 => 6.4.0-alpha.32 
    @storybook/node-logger: ^6.4.0-alpha.32 => 6.4.0-alpha.32 
    @storybook/preset-create-react-app: ^3.2.0 => 3.2.0 
    @storybook/react: ^6.4.0-alpha.32 => 6.4.0-alpha.32

Additional context The issue also reprodusable on MacOS Catalina and iOS 14

Issue Analytics

State:
Created 2 years ago
Reactions:8
Comments:5 (3 by maintainers)

Top GitHub Comments

2reactions

shilmancommented, Sep 29, 2021

@tim-mukhin we’re looking at composition again as part of a giant performance refactor that’s happening in 6.4, so I’ll try to squeeze this in.

1reaction

shilmancommented, Apr 1, 2022

Crikey!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.4.20 containing PR #17679 that references this issue. Upgrade today to the @latest NPM tag to try it out!