Pagination arrows affected by CSS animation in latest Chrome

Products tab element pagination arrows are out of place when viewed on latest Chrome (96.0.4664.45) when some animation is applied to row. They looked OK with older Chrome versions.
Please add an AJAX Product Tab element in WPBakery, enable some CSS animation (e.g. bounceInLeft or bounceInRight) for the row containing element, enable arrows for products pagination in the product tab and check the result with Chrome 96. You will see there’s a bug and arrows are misaligned. It looks like some of CSS animations code became outdated or maybe a bug was introduced into Chrome.

You can see the bug here:

Hello,

Please, send us your admin access so we can check what is wrong there.

Kind Regards

Here they are:

Yes, it seems to be some animation CSS conflict. Try to use our WooDmart animations instead https://prnt.sc/22gfgxy

I tried using some Woodmart animations but they do not work for this element at all. Just nothing happens.

Hi,

Could you please send us a link to your website where we can see this issue? Add two elements: one with our animation and another with the WPBakery animation.

Kind Regards

[Author]

Posts