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.

addon-backgrounds does nothing

See original GitHub issue

Describe the bug I’ve added the @storybook/addon-backgrounds, I see the icon, I click on it and change to the dark background, nothing happens. I’m also not seeing it work in your online demos.

To Reproduce Steps to reproduce the behavior:

Go to your own demo: https://next--storybookjs.netlify.app/official-storybook/?path=/story/addons-backgrounds--story-1
Try switching the background color
Nothing happens for me in Chrome, Firefox, and Safari (all on Mac)

Expected behavior Background switches color

Screenshots I have zero extensions in my Safari so that’s why I tested it there addon-bg-issue

Code snippets no code snippet, just added the package, putting it into my addons:[] in my main.js, and that’s all.

System: Please paste the results of npx sb@next info here.

Environment Info:

  System:
    OS: macOS 10.15.6
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  Binaries:
    Node: 14.4.0 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.5 - /usr/local/bin/npm
  Browsers:
    Chrome: 84.0.4147.135
    Firefox: 79.0
    Safari: 13.1.2

I am on 6.0.13 for all my Storybook packages

    "@storybook/addon-a11y": "^6.0.13",
    "@storybook/addon-actions": "^6.0.13",
    "@storybook/addon-backgrounds": "^6.0.13",
    "@storybook/addon-controls": "^6.0.13",
    "@storybook/addon-docs": "^6.0.13",
    "@storybook/addon-links": "^6.0.13",
    "@storybook/addon-viewport": "^6.0.13",
    "@storybook/addons": "^6.0.13",
    "@storybook/preset-create-react-app": "^3.1.4",
    "@storybook/react": "^6.0.13",
    "@storybook/theming": "^6.0.13",

Issue Analytics

State:
Created 3 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

2reactions

Glinkiscommented, Aug 20, 2020

I had this happen as well, and it turned out my CSS-reset was overriding the background of body. So you might want to check for that first.

1reaction

shilmancommented, Aug 20, 2020

@yannbf can you take a look?

Top Results From Across the Web

Addon backgrounds are not working - JoomShaper

Hi Team, After I have updated SPPB 2 to 3.1, the addon backgrounds are not working but raw backgrounds are working fine. Example...

react-storybook-addon-backgrounds | Yarn - Package Manager

react-storybook-addon-backgrounds. owner NewSpring284MIT0.0.7TS vulns ... v0.0.7. Bug: Default background will now auto set if nothing is set in the url #23 ...

Storybook throwing errors - Stack Overflow

I did a quick search on the storybook github issues and this error ... If the above solutions do not work, perhaps try...

Storybook 6 Migration Guide

This step-by-step guide gets you upgraded to Storybook 6.0 (SB6). Every year we release a major version of Storybook.

7zip-bin-osx 5.1.1 : MIT License @auth0/auth0-react 1.2.0

domenic/opener v1.5.2 : (MIT License OR Do What The F*ck You Want To ... react-storybook-addon-backgrounds 6.3.4 : MIT License.