nkbt/react-collapse

Expansion glitch when using inside table row

Closed this issue · 2 comments

Collapse is working very nicely and in love with it but however at the end of the animation its sort of rush to end and stretch like extra set of space is detected.

I am using it inside table row to expand and view some content but have this expansion issue,can it be a react-motion issue? or an issue with Collapse?

This is my code

<TableCell colSpan={9}>
             <CustomCollapse
                  forceInitialAnimation
                  isOpened={expandArray[currentIndex].isExpanded}
                  springConfig={presets.gentle}
                >
                  <ReusableTable
                    nodeList={device.node_registry}
                    currentDeviceIndex={currentIndex}
                  />
              </CustomCollapse>
 </TableCell>

Any sort of guidance is appreciated

nkbt commented

Might be the same reason as #188

nkbt commented

As new react-collapse@5.0.0 is released https://github.com/nkbt/react-collapse/releases/tag/v5.0.0 this issue has been most likely already solved.

Please feel free to re-open if the issue persists