Nazeeh21 / Chakra-UI-Carousel

https://www.npmjs.com/package/chakra-ui-carousel
25 stars 6 forks source link

Project completely broken #14

Closed andreagiunti1 closed 1 year ago

andreagiunti1 commented 1 year ago

Hi, This Carousel is completely broken, it has an infinite loop in which the width grows without an end. How is this possible?

Nazeeh21 commented 1 year ago

Sorry for the inconvenience. Can you please help to recover the error! as I tried it and it's working fine. You can have a look at the example here if that helps. Or maybe you can watch the demo here

CheeseL0ver commented 1 year ago

@Nazeeh21 I experienced this too. It seems to happen when certain components are used for additional positioning with a Provider, for example when I tried to follow your example that used the Flex element to set the buttons below the carousel it caused the width of the elements within the carousel is grow their width indefinitely.

I am currently getting around this by not using additional organization components, however it definitely should be fixed before I could consider this for production. Happy to help debug if needed.

Nazeeh21 commented 1 year ago

@CheeseL0ver sorry for the inconvenience. Can you please share a code sandbox link?

CheeseL0ver commented 1 year ago

I attempted to recreate the bug in a demo environment and I could not. My guess is the styles in the production app I am using are causing some odd behavior. I will post here again if I am ever able to find out more.

Nazeeh21 commented 1 year ago

Sure thing! 👍

Nazeeh21 commented 1 year ago

Meanwhile I am closing this, feel free to create again if you encounter any issue :)