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

CircleSnail pops up everywhere on the screen #228

Open
ngotrongphuc opened this issue Jun 16, 2021 · 2 comments
Open

CircleSnail pops up everywhere on the screen #228

ngotrongphuc opened this issue Jun 16, 2021 · 2 comments

Comments

@ngotrongphuc
Copy link

I just used these simple code from the docs in order to check if it works properly before put it in my code. But i got this bug: the CirleSnail just keep showing and hiding everywhere in my screen, it looks so laggy, but its colors still changed
<Progress.Bar progress={0.3} width={200} />
<Progress.Pie progress={0.4} size={50} />
<Progress.Circle size={30} indeterminate={true} />
<Progress.CircleSnail color={['red', 'green', 'blue']} />
circlesnail_bug

@colorgold
Copy link

I had the same problem so I just added a width, height, and size (diameter of the circle) to the progress bar.

<Progress.CircleSnail 
          color={['red', 'green', 'blue']} 
          height={100}
          width={100}
          size={100} />

But, I also noticed that just adding style={{ alignSelf: "center"}} works as well.

My full code:

<Progress.CircleSnail 
          color={["red", "green", "blue"]}
          height={100}
          width={100}
          size={100}
          style={{
            alignSelf: "center",
          }}/>

@Nestoro
Copy link

Nestoro commented Oct 25, 2021

same here and only style={{alignSelf: "center"}} helps.

maybe that should be added to the overriding default style props in CircleSnail.js:152

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants