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

Pacman Loader overlaps with other content #550

Open
bsgriggs opened this issue Nov 1, 2022 · 2 comments
Open

Pacman Loader overlaps with other content #550

bsgriggs opened this issue Nov 1, 2022 · 2 comments
Labels

Comments

@bsgriggs
Copy link

bsgriggs commented Nov 1, 2022

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:
Screenshot 2022-11-01 at 10 54 01 AM

Expected:
Screenshot 2022-11-01 at 10 35 02 AM

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)}}

@bsgriggs
Copy link
Author

bsgriggs commented Nov 1, 2022

Same thing with Rotate, Propagate, and Sync

@davidhu2000 davidhu2000 added the bug label Nov 3, 2022
@davidhu2000
Copy link
Owner

@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
Labels
Projects
None yet
Development

No branches or pull requests

2 participants