Waves creates i from input.btn about material-design-for-bootstrap

[cnocon]

@mattonit It's still an issue in our pro installation of 4.5.0

[jrodl3r]

This is still an issue in 4.5.7 - Please fix

[bf]

Status on this issue?

[cyimking]

Still an issue. It's converting each input button.

[Barvoj]

Any progress??

It is annoying because user has to click to small input text in big i element. Otherwise nothing happens.

[bf]

@Barvoj @cyimking I've found so many bugs with mdbootstrap I am kind of regretting switching over to it. My current stacks is a mix between mdb and vanilla bootstrap 4 alpha through sass / webpack. You can throw most of the javascript functionality down the drain when using it in a modern React project.

[cyimking]

@bf Same here. Did you find a solution to this issue via JS?

[mattonit]

This will be fixed in MDB 4.4.0

[cyimking]

Found a temp solution.

mdb.js file
~ Line 5085, comment out the if statement (or remove the "input" element from the array)

  if (['input', 'img'].indexOf(tagName) !== -1) {
           TagWrapper[tagName](element);
            element = element.parentElement;
    }

~ Line 4788, comment out TagWrapper or comment out the input function:

 // Wrap <input> tag so it can perform the effect
 input: function (element) {...}

Then minify the mdb.js file.

[mattonit]

It's finally fixed ;)

[repli2dev]

It is causing a trouble when integrating reCAPTCHA, after providing class="g-recaptcha" data-sitekey="your_site_key" the class is moved to the wrapper i element... then reCAPTCHA script fails.

[MistaTwista]

confirm in 4.5.13

[pvaling]

Please fix. Pro 4.5.7