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.

storybook 6: zoom buttons in docs do not work

See original GitHub issue

Describe the bug Clicking the zoom in / out buttons in the docs tab does nothing.

To Reproduce Steps to reproduce the behavior:

Create a new default sotrybook setup with npx sb init
Start storybook and go to http://localhost:6006/?path=/docs/example-button--primary
Click on the zoom in / out buttons.

Expected behavior The rendered component should be visible.

Screenshots grafik

Code snippets

System:

  System:
    OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
    CPU: (8) x64 Intel(R) Core(TM) i7-4710MQ CPU @ 2.50GHz
  Binaries:
    Node: 10.16.0 - ~/.nodenv/versions/10.16.0/bin/node
    Yarn: 1.22.5 - ~/.yvm/shim/yarn
    npm: 6.13.4 - ~/.nodenv/versions/10.16.0/bin/npm
  Browsers:
    Chrome: 81.0.4044.113
    Firefox: 79.0
  npmPackages:
    @storybook/addon-a11y: ^6.0.20 => 6.0.20 
    @storybook/addon-actions: ^6.0.19 => 6.0.20 
    @storybook/addon-console: ^1.2.1 => 1.2.1 
    @storybook/addon-essentials: ^6.0.19 => 6.0.20 
    @storybook/addon-links: ^6.0.20 => 6.0.20 
    @storybook/addon-storysource: ^6.0.20 => 6.0.20 
    @storybook/node-logger: ^6.0.19 => 6.0.20 
    @storybook/preset-create-react-app: ^3.1.4 => 3.1.4 
    @storybook/react: ^6.0.19 => 6.0.20

Additional context

Issue Analytics

State:
Created 3 years ago
Comments:12 (11 by maintainers)

Top GitHub Comments

2reactions

Tomastomaslolcommented, Sep 1, 2020

It doesn’t look like there is any support for zoom in firefox.

https://caniuse.com/#feat=css-zoom

I think it should be enough to replace it with a transform: scale(). I will give go locally and see if it works! 🙂

1reaction

shilmancommented, Nov 19, 2020

ZOMG!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.1.0-rc.6 containing PR #12845 that references this issue. Upgrade today to the @next NPM tag to try it out!

npx sb upgrade --prerelease

Closing this issue. Please re-open if you think there’s still more to do.

Top Results From Across the Web

Viewport - Storybook - JS.ORG

Watch a video tutorial on the Storybook channel. The Viewport toolbar item allows you to adjust the dimensions of the iframe your story...

Scheduling in Zoom Rooms with Google

How to book a room without a meeting. You can reserve the meeting space from Google Calendar even if you are not hosting...

pixpro az421 - User Manual

ble for compliance could void the user's authority to operate the equipment. ... 6. Other Safety Notes. Do not disconnect the power or...

1. Creating, Opening, and Saving Documents - Word 2007

The dialog box disappears, and you're gazing at the blank page of a new Word document. Better get to work. Open the New...

Components - Bootstrap

Glyphicons Halflings are normally not available for free, but their creator has made them ... glyphicon glyphicon-zoom-in; glyphicon glyphicon-zoom-out ...