-
Notifications
You must be signed in to change notification settings - Fork 264
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
Pacman Loader overlaps with other content #550
Labels
Comments
Same thing with Rotate, Propagate, and Sync |
@bsgriggs PacmanLoader is fixed in 0.13.7 based on your recommendation, still need to look into the other 3. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Package Version 0.13.6
Describe the bug
I have a caption that is supposed to be rendered underneath the pacman loader, but the pacman's head overlaps with nearby content;
To Reproduce
JSX similar to the following
<div id={name} className="mx-spinner"> <PacmanLoader aria-label="Loading Pacman Spinner" color={spinnerColor} speedMultiplier={speedMultiplier} size={spinnerSize} /> <span>{spinnerCaption?.value}</span> </div>
Expected behavior
The bounds of the loader should push other content.
Screenshots
Current:
Expected:
Additional context
Note this can be fixed by setting Width and Height of the parent container with 2x the user's size value
cssOverride={{width:
calc(${spinnerSize} * 2)
, height:calc(${spinnerSize} * 2)
}}The text was updated successfully, but these errors were encountered: