question-mark
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/addon-a11y`'s `withA11y` slowing down the storybook that results in browser hanging

See original GitHub issue

Describe the bug Usage of withA11y of @storybook/addon-a11y is slowing down the storybooks and resulting in browser hanging

To Reproduce Steps to reproduce the behavior:

  1. Clone the repository: https://github.com/MansoorBashaBellary/vue-cli-storybook
  2. Do yarn && yarn start on the cloned repo
  3. Click on the Changelog story of Welcome and observe that browser gets hung for sometime and slows down the storybooks

Changelog story has Changelog of across 1500 lines. And it is happening due to the inclusion of withA11y decorator in config.js.

On removing below 2 lines from config.js fixes the issue:

import { withA11y } from ‘@storybook/addon-a11y’; addDecorator(withA11y);

This issue was not happening in SB 4.0, it started happening in SB 5.0

Expected behavior Browser should not get hung on using withA11y decorator

Code snippets Reproduction URL attached above

System:

  • OS: All
  • Device: All
  • Browser: All
  • Framework: All
  • Addons: A11y
  • Version: 5.0.0

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mbellary-chwycommented, Apr 26, 2019

Thanks @jsomsanith. Using the above version specified fixes the issue. Closing this issue

0reactions
jsomsanith-tlndcommented, Apr 26, 2019

@MansoorBashaBellary I haven’t tried your repo yet, but the description seems to match this issue : https://github.com/storybooks/storybook/issues/5973

I fixed it and it’s scheduled for 5.1. Can you try the 5.1 alpha.6+ please ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Storybook-addon-a11y - Accessibility
This Storybook addon can be helpful to make your UI components more accessible. Framework Support. Screenshot. Getting started. First, install the addon. $...
Read more >
Accessibility. Storybook | by Kruthi Venkatesh - Medium
Storybook -addon-a11y is an addon offered by the storybook to validate accessibility requirements. It is created by the storybook core team and ...
Read more >
Changelog | Finsemble
(KB46288); Modified the Notification drop-down button for accessibility, highlighting and ... Upgrade @storybook/addon-essentials from 6.3.5 to 6.3.7 ...
Read more >
Testing accessibility with Storybook - LogRocket Blog
axe is an automated accessibility testing tool that can be used with your framework or browser of choice. The accessibility add-on provides a ......
Read more >
@storybook/addon-info: Versions | Openbase
Storybook 5.1 is a juicy upgrade including: Mobile: Standalone package architecture for React Native; A11y addon: Realtime accessibility checks and ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found