You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
Developers are currently unable to copy essential text elements throughout the Storybook UI, which significantly hinders debugging workflows. Specifically:
Story names in the sidebar and menu bar cannot be easily selected and copied in their original format (without spaces)
Step names and interaction details in the UI cannot be selected or copied
The current workarounds (element inspection or manually typing long test names) are inefficient and frustrating
This issue is particularly problematic when working with long test names based on naming conventions, as developers must manually type these names when searching through code or reporting issues. The inability to copy these elements has made the testing experience significantly more difficult and less enjoyable for team members.
Describe the solution you'd like
Make all text in the Storybook UI selectable and copyable, particularly:
Story names in the sidebar
Test names in the UI
Step names in the interaction panel
Add a dedicated copy button next to story names, test names, and interaction steps for one-click copying
When copying story names, provide the option to copy in the actual code format (e.g., "ThisIsMyStory") rather than the display format with spaces (e.g., "This Is My Story")
Copy story name options could potentially be added to the top bar.
Describe alternatives you've considered
No response
Are you able to assist to bring the feature to reality?
no
Additional context
This issue affects developers across multiple browsers (Firefox, Chrome, Arc, Opera) and is causing significant friction in the testing workflow. Making these elements copyable would streamline debugging processes and improve the overall developer experience.
The ideal implementation would allow developers to quickly copy the exact story name from the code (without hyphens or spaces) to facilitate searching directly in their codebase. This would enable them to navigate directly to the relevant story in their code, significantly reducing debugging time.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Is your feature request related to a problem? Please describe.
Developers are currently unable to copy essential text elements throughout the Storybook UI, which significantly hinders debugging workflows. Specifically:
This issue is particularly problematic when working with long test names based on naming conventions, as developers must manually type these names when searching through code or reporting issues. The inability to copy these elements has made the testing experience significantly more difficult and less enjoyable for team members.
Describe the solution you'd like
Copy story name options could potentially be added to the top bar.
Describe alternatives you've considered
No response
Are you able to assist to bring the feature to reality?
no
Additional context
This issue affects developers across multiple browsers (Firefox, Chrome, Arc, Opera) and is causing significant friction in the testing workflow. Making these elements copyable would streamline debugging processes and improve the overall developer experience.
The ideal implementation would allow developers to quickly copy the exact story name from the code (without hyphens or spaces) to facilitate searching directly in their codebase. This would enable them to navigate directly to the relevant story in their code, significantly reducing debugging time.
Beta Was this translation helpful? Give feedback.
All reactions