Row expand animation opt out.

[tbjerknes]

Hi

It would be useful to be able to remove the animation on row expand. I find the old way to be much better:

new

old

The new is slow and the motion is not smooth. I have no experience with pull requests, but I am happy to have a go at it, if you want.

[tbjerknes]

I just saw there is an issue already on this. sorry about that. closing

[YassienW]

@elmoro666 Hello, i'm the guy who wrote the row expand animation. I was just curious about why you think the motion isn't smooth?
I do agree that the animation should be optional though.

[tbjerknes]

@YassienW Sorry, maybe that came across a bit harsh. Here is a sandbox example of what I mean. Maybe it is just my eyes, but it seems to start slow, and then it speeds up at the end. It makes it seem not so smooth to my eyes. The main thing for me is that it is too slow. Our users need to drill down into details quickly, and so I prefer it without animation. I 'fixed' it in my project by changing the css.

[YassienW]

No problem. Thanks for the snippet! I do notice the visual bug. I didn't really test it on large bodies of text so i didn't realize this visual bug existed, i will surely look into it. The animation is indeed useless if all you care about is speed and not visuals, i'll see if i can add a prop to toggle it on/off as well since the css fix isn't really a fix.

[tbjerknes]

@YassienW That would be great. Thanks for looking into this

[AllenFang]

Sorry for lately reply due to busy on my work. thanks @YassienW and any enhancement is welcome 👍

[YassienW]

@AllenFang Yeah i'm trying. Very busy on other projects as well :/

[clmz]

Any updates on this?

[adgryz]

Still no updates ? :/

[Xenio-Bidchat]

@AllenFang @YassienW
Hi, Is there any updates on this.. even i'm facing the same problem :(.. Please fix this issue. Thanks

[YassienW]

Hey folks, i know it's late but i just submitted PR #1289 that fixes the height problem @elmoro666 has, i'd appreciate testing it before/after release. The PR also adds a prop to opt out of animating the expansion.

[xtrapower]

.react-bootstrap-table .row-expand-slide-exit-active {
  max-height: 0;
  overflow: hidden;
  transition: none !important; }

.react-bootstrap-table .row-expand-slide-appear-active {
  max-height: 1000px;
  transition: none !important; }

In the meantime add this CSS to disable the animation

[tomimarkus991]

hi, any updates?