Skip to content

Core: Fix copy to clipboard functionality in preview #31666

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from

Conversation

ghengeveld
Copy link
Member

@ghengeveld ghengeveld commented Jun 4, 2025

Closes #31626

What I did

  • Pass { writeToClipboard: true } to userEvent.setup in order to allow clipboard usage despite mocking the clipboard.
  • Removed event.preventDefault() from the Docs syntax highlighter's event handler so that @testing-library/user-event won't block the clipboard write from going through.

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

  • stories
  • unit tests
  • integration tests
  • end-to-end tests

Manual testing

This section is mandatory for all contributions. If you believe no manual test is necessary, please state so explicitly. Thanks!

Documentation

  • Add or update documentation reflecting your changes
  • If you are deprecating/removing a feature, make sure to update
    MIGRATION.MD

Checklist for Maintainers

  • When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli-storybook/src/sandbox-templates.ts

  • Make sure this PR contains one of the labels below:

    Available labels
    • bug: Internal changes that fixes incorrect behavior.
    • maintenance: User-facing maintenance tasks.
    • dependencies: Upgrading (sometimes downgrading) dependencies.
    • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
    • cleanup: Minor cleanup style change. Will not show up in release changelog.
    • documentation: Documentation only changes. Will not show up in release changelog.
    • feature request: Introducing a new feature.
    • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
    • other: Changes that don't fit in the above categories.

🦋 Canary release

This pull request has been released as version 0.0.0-pr-31666-sha-2d5d3891. Try it out in a new sandbox by running npx [email protected] sandbox or in an existing project with npx [email protected] upgrade.

More information
Published version 0.0.0-pr-31666-sha-2d5d3891
Triggered by @ghengeveld
Repository storybookjs/storybook
Branch user-event-write-to-clipboard
Commit 2d5d3891
Datetime Thu Jun 5 10:12:31 UTC 2025 (1749118351)
Workflow run 15464408849

To request a new release of this pull request, mention the @storybookjs/core team.

core team members can create a new canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=31666

Greptile Summary

Enables clipboard functionality in Storybook v9 by adding writeToClipboard: true to userEvent.setup() configuration, fixing issue #31626 where users were unable to paste clipboard content.

  • Modified code/core/src/test/preview.ts to enable clipboard functionality in userEvent setup
  • Updated code/core/src/components/components/typography/link/link.test.tsx to support clipboard operations in link tests
  • Restores clipboard paste functionality that was working in Storybook v8.6.14

Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

2 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile

@ghengeveld ghengeveld requested a review from yannbf June 4, 2025 14:02
Copy link

nx-cloud bot commented Jun 4, 2025

View your CI Pipeline Execution ↗ for commit 2d5d389.

Command Status Duration Result
nx run-many -t check -c production --parallel=7 ✅ Succeeded 1s View ↗
nx run-many -t build -c production --parallel=3 ✅ Succeeded 3s View ↗

☁️ Nx Cloud last updated this comment at 2025-06-07 07:23:23 UTC

@ghengeveld ghengeveld changed the title Core: Set writeToClipboard: true for userEvent.setup to fix clipboard functionality Core: Fix copy to clipboard functionality in preview Jun 5, 2025
@ghengeveld
Copy link
Member Author

Closing because this solution doesn't work.

@ghengeveld ghengeveld closed this Jun 6, 2025
@ghengeveld ghengeveld added patch:yes Bugfix & documentation PR that need to be picked to main branch and removed patch:yes Bugfix & documentation PR that need to be picked to main branch labels Jun 7, 2025
@storybook-pr-benchmarking
Copy link

Package Benchmarks

Commit: 2d5d389, ran on 7 June 2025 at 07:29:07 UTC

The following packages have significant changes to their size or dependencies:

storybook

Before After Difference
Dependency count 49 49 0
Self size 31.40 MB 31.37 MB 🎉 -31 KB 🎉
Dependency size 17.41 MB 17.41 MB 0 B
Bundle Size Analyzer Link Link

sb

Before After Difference
Dependency count 50 50 0
Self size 1 KB 1 KB 0 B
Dependency size 48.81 MB 48.78 MB 🎉 -31 KB 🎉
Bundle Size Analyzer Link Link

@storybook/codemod

Before After Difference
Dependency count 267 267 0
Self size 31 KB 31 KB 0 B
Dependency size 82.19 MB 82.20 MB 🚨 +13 KB 🚨
Bundle Size Analyzer Link Link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug]: Unable to paste from clipboard in v9
1 participant