`@storybook/addon-a11y`'s `withA11y` slowing down the storybook that results in browser hanging
See original GitHub issueDescribe 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:
- Clone the repository: https://github.com/MansoorBashaBellary/vue-cli-storybook
- Do
yarn && yarn start
on the cloned repo - Click on the
Changelog
story ofWelcome
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:
- Created 4 years ago
- Comments:5 (5 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thanks @jsomsanith. Using the above version specified fixes the issue. Closing this issue
@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 ?