How to remove a JS animation?

FueraDeLinea said:

Hey,

I'm trying to remove a drop animation made in js (Animation issue video) that generates a poor UX to make a comfortable and simply instant reply like any social media platforms (for example, Reddit).

INFO
______
1. The class I'm trying to delete the animation from is #wpdcom .wpd-secondary-form-wrapper, but not problem if all animations are removed.
2. I've extracted the JS code and tried to delete the animation classes

JavaScript:

const element = document.getElementById("slideToggle");

element.remove();const element = document.getElementById("enableDropAnimation");

element.remove();

But It didn't work and I have not idea about JS, only CSS and some HTML.

Could anyone guide me? Thank you in advance

Click to expand...

const element = document.querySelector('.wpdcom .wpd-secondary-form-wrapper');
if (element) {
  element.remove();
}

const element = document.querySelector('.wpdcom .wpd-secondary-form-wrapper');
if (element) {
  element.style.display = 'none';
}

FueraDeLinea said:

@alexmisaila Hi alex and thank you for your effort. Unfortunately it didn't work but I assume that is because my fault or incompletely information I gave you. I'll continue to search and asking.

Thank you a lot

Click to expand...

FueraDeLinea said:

Here it is: Full JS Code
The page: Live

I also added it to the original post for an easier access

Click to expand...

#wpdcom .wpd-secondary-form-wrapper {
  transform: none;
  -webkit-transform: none;
}

FueraDeLinea said:

1. Added on the style.css core files from the plugin
2. Added on the Settings > Custom CSS where the plugin allows to add custom CSS.
3. Added on the Custom CSS window from Elementor
4. Added with Google Inspector to test again
5. Added even with the !important attribute

Nothing worked yet

Click to expand...

$("#wpdcom .wpd-secondary-form-wrapper .wpd-field-captcha .wpdiscuz-recaptcha").css({
  "transform-origin": "right 0",
  "-webkit-transform-origin": "right 0",
  "transform": "scale(0.9)",
  "-webkit-transform": "scale(0.9)"
});

FueraDeLinea said:

C

Okey, I'm working on it and I'll return yout he feedback. Could it work if I replace all the css values from "transform: scale" and "-webkit-transform" to 0? To avoid breaking the plugin

Click to expand...