mdbootstrap / mdb-ui-kit

Bootstrap 5 & Material Design UI KIT
https://mdbootstrap.com/docs/standard/
Other
24.2k stars 3.53k forks source link

How to Remove Ripple effect from Buttons <button> and Anchor Tag <a> #1505

Open asvaghela opened 1 year ago

asvaghela commented 1 year ago

Hello

I am using MDB v6.0.1. I want to remove ripple effect in entire application including buttons and Anchor tag. can you please help me.

I am using mdb.min.js only

There is glitch when I click on the buttons. I have attached screen capture for that.

ripple-effect
gbujanski commented 1 year ago

At the moment there is no way to turn off the ripple effect. We are planning to add this option. The only thing you can do at the moment is to use a bundler (e.g. Webpack or Vite) and compile the src files to create your own js file without importing the ripple component, or modify the Ripple code so that the ripple effect is not added automatically. To do this, just remove this code.

If you decide to do this, I recommend checking out our starters: Webpack, Vite, Parcel.

It would be great if you could describe what exactly is going on and add the code after which we will be able to reproduce this issue and we'll try to fix it asap.

spizzo14 commented 1 year ago

@gbujanski any update here? Can we pay for a fix?

spizzo14 commented 1 year ago

@gbujanski any update please?

gbujanski commented 1 year ago

Unfortunately, we are unable to fix this unless you provide code to reproduce this bug. At the moment we are working on the possibility of disabling the auto initialization of components in our package. This will allow you to disable the ripple effect for buttons.

spizzo14 commented 1 year ago

@gbujanski see here https://www.brightonsecurities.com/ if you click on a button it messes up.

Untitled

spizzo14 commented 1 year ago

@asvaghela @gbujanski any urgent fix we can get please? willing to pay

gbujanski commented 1 year ago

Unfortunately, we are still unable to reproduce this. In addition, in PR in your project, I see that you wrote that it's a bug with MDB React. Which package version are you using? From this or from MDB React? This error is no longer visible on your website.