Using the transition property on elements inside Carousel causes items become hidden

[adamerose]

Codesandbox Example
https://codesandbox.io/s/primereact-test-forked-mf7qu?file=/src/index.js:1587-1614

Current behavior
When you hover over carousel items in my Codesandbox example they become hidden after their transition plays. Removing the transition css on Line 79 fixes it. Looks like it's because it's triggering p-items-hidden to appear on the p-carousel-items-container div.

Expected behavior
Using transitions on carousel children shouldn't break the carousel.

[adamerose]

After more tinkering I'm noticing that the transition CSS isn't the root of the bug here... Here's a much more minimal example that still shows buggy behavior where items become hidden after I scroll right: https://codesandbox.io/s/primereact-test-forked-73uij?file=/src/index.js

Adding this to the CSS fixes it, not sure if it breaks other things but seems to work fine for me with this

.p-items-hidden .p-carousel-item {
  visibility: visible !important;
}