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.

Sign up for GitHub

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

Jump to bottom

Storybook Checkbox on Firefox moves by 4px vertically when ticked. #104

Open
Ademsk1 opened this issue Nov 2, 2023 · 3 comments
Open

Storybook Checkbox on Firefox moves by 4px vertically when ticked. #104

Ademsk1 opened this issue Nov 2, 2023 · 3 comments

Comments

@Ademsk1
Copy link
Contributor

Ademsk1 commented Nov 2, 2023 •
edited

Weird effect on my Firefox browser. Not the case for Radios, although radios did have the same issue a while back.

Non-apparent on Chrome.
@Ademsk1 Ademsk1 changed the title Checkbox on Firefox moves by 4px vertically when ticked. Storybook Checkbox on Firefox moves by 4px vertically when ticked. Nov 2, 2023
@ergusto
Copy link
Member

ergusto commented Nov 6, 2023

Nice spot, we should probably formalise a process for testing components across different browsers.

@Ademsk1
Copy link
Contributor Author

Ademsk1 commented Nov 7, 2023

I'm not sure if this is a real issue with us, or with Storybook. The storybook div itself that contains the checkbox changes, which is very strange. The component itself is still the compact 20x20. Will keep this open for now.

@ilteoood
Copy link
Contributor

I've tested it locally with the latest version of FF. As you can see by the screen recording, it seems to not be happening anymore.

Screen.Recording.2024-04-20.at.15.58.07.mov

@simoneb probably this can be closed as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@ergusto @ilteoood @Ademsk1