Skip to content
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

Storybook's long scroll screenshot not working correctly #16926

Closed
Kritvi-bhatia17 opened this issue Jul 8, 2024 · 2 comments
Closed

Storybook's long scroll screenshot not working correctly #16926

Kritvi-bhatia17 opened this issue Jul 8, 2024 · 2 comments

Comments

@Kritvi-bhatia17
Copy link
Contributor

Kritvi-bhatia17 commented Jul 8, 2024

Detailed description

I tried capturing a long screenshot using a Chrome plugin (GoFullPage), but it didn't work as expected. Instead of capturing the main page scroll, it's capturing the left navigation scroll. I'm uncertain about the reason behind this issue, but this plugin has been working fine for the Carbon website.

(The video demonstrates the Chrome plugin on Storybook, while the image shows the screen capture output.)

Screen.Recording.2024-06-14.at.2.02.28.PM.mov

image

@alisonjoseph
Copy link
Member

I believe this doesn't work because the content in Storybook is within an iframe. I would recommend either viewing the story full screen, or opening the canvas in a new tab to capture the full scrolling content in an image if needed.

Screenshot 2024-07-10 at 11 31 33 AM

@Kritvi-bhatia17
Copy link
Contributor Author

I believe this doesn't work because the content in Storybook is within an iframe. I would recommend either viewing the story full screen, or opening the canvas in a new tab to capture the full scrolling content in an image if needed.

Screenshot 2024-07-10 at 11 31 33 AM

Wow, this worked. Thanks Alison!

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

No branches or pull requests

3 participants