Dynamic HTML generated dropdown do not work

Alexis Comte pro premium priority commented 11 months ago

Thanks a lot, I think there is a problem with the URL of the snippet, I get a 404 error

Alexis Comte pro premium priority commented 11 months ago

I tried your solution but I get a javascript error

manipulator.js:70 Uncaught TypeError: Cannot read properties of null (reading 'classList') at Object.addClass (manipulator.js:70:25) at Ps._showPlaceholder (input.js:188:17) at Ps._getLabelData (input.js:131:12) at Ps.init (input.js:78:10) at new Ps (input.js:55:12) at m.html:59:33 at HTMLCollection.forEach () at CreateDrop (m.html:59:10) at HTMLButtonElement.onclick (m.html:44:32) addClass @ manipulator.js:70 _showPlaceholder @ input.js:188 _getLabelData @ input.js:131 init @ input.js:78 Ps @ input.js:55 (anonymous) @ m.html:59 CreateDrop @ m.html:59 onclick @ m.html:44

I wrote this way :

document.querySelectorAll('.dropdown').forEach((element) => { new mdb.Input(element).update(); });

Alexis Comte pro premium priority commented 11 months ago

I have updated the snippet , not working

https://mdbootstrap.com/snippets/standard/alexis_comte/5991105#html-tab-view

I would really like to see your snippet

Alexis Comte pro premium priority commented 11 months ago

I have updated the snippet , not working

https://mdbootstrap.com/snippets/standard/alexis_comte/5991105#html-tab-view

I would really like to see your snippet

uniagro pro premium commented 11 months ago

Sorry, it seems that the snippet wasn't public. Try now.

Alexis Comte pro premium priority commented 11 months ago

THANKS it is working !!!

Kamila Pieńkowska staff commented 11 months ago

I will just add that updating instance is not necessary. Using new constructor is enough. Other than that solution prvided by uniagro is good.

Alexis Comte pro premium priority commented 11 months ago

I found an other bug

When you have 2 differents generated dropdowns, this is not working , the second dropdown show the menu of the first

exemple with my snipped :

https://mdbootstrap.com/snippets/standard/alexis_comte/5991105