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

[material-ui][CircularProgress] Wobbly on Safari #40185

Closed
2 tasks done
alyssaButlerIntegrityNext opened this issue Dec 12, 2023 · 2 comments
Closed
2 tasks done

[material-ui][CircularProgress] Wobbly on Safari #40185

alyssaButlerIntegrityNext opened this issue Dec 12, 2023 · 2 comments
Assignees
@DiegoAndai
Labels
browser: Safari component: CircularProgress The React component enhancement This is not a bug, nor a new feature ready to take Help wanted. Guidance available. There is a high chance the change will be accepted

Comments

@alyssaButlerIntegrityNext
Copy link

Duplicates

  • I have searched the existing issues

Latest version

  • I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://mui.com/material-ui/react-progress/#circular

Steps:

  1. Open the above link on Safari browser

Current behavior 😯

The spinner wobbles a bit back and forth while rotating.

Expected behavior 🤔

The spinner should stay fixed to one place while rotating (as it does on Chrome and Firefox).

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo 
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.
@alyssaButlerIntegrityNext alyssaButlerIntegrityNext added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Dec 12, 2023
@zannager zannager added the component: CircularProgress The React component label Dec 12, 2023
@DiegoAndai DiegoAndai assigned DiegoAndai and unassigned siriwatknp Dec 12, 2023
@DiegoAndai DiegoAndai changed the title CircularProgress wobbly on Safari [material-ui][CircularProgress] Wobbly on Safari Dec 12, 2023
@DiegoAndai DiegoAndai added this to the Material UI: v7 draft milestone Dec 12, 2023
@DiegoAndai DiegoAndai added browser: Safari enhancement This is not a bug, nor a new feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 12, 2023
@DiegoAndai
Copy link
Member

Hey @alyssaButlerIntegrityNext, thanks for the report!

You're correct. There's room for improvement on the Safari animation.

I'll add the ready to take label if anyone is interested in trying to solve it.

@DiegoAndai DiegoAndai added the ready to take Help wanted. Guidance available. There is a high chance the change will be accepted label Dec 12, 2023
@danilo-leal danilo-leal mentioned this issue Dec 20, 2023
Open
@alyssaButlerIntegrityNext
Copy link
Author

I retested recently and it appears that this issue has resolved itself, so I will close now as I cannot reproduce anymore.

@oliviertassinari oliviertassinari removed this from the Material UI v7 (draft) milestone Sep 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DiegoAndai DiegoAndai

Labels
browser: Safari component: CircularProgress The React component enhancement This is not a bug, nor a new feature ready to take Help wanted. Guidance available. There is a high chance the change will be accepted
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@oliviertassinari @DiegoAndai @siriwatknp @zannager @alyssaButlerIntegrityNext