Pacman Loader overlaps with other content
bsgriggs opened this issue · 2 comments
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.
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)
}}
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.