You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
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: