Dynamic HTML generated dropdown do not work

Alexis Comte pro premium priority commented 9 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 9 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 9 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 9 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 9 months ago

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

Alexis Comte pro premium priority commented 9 months ago

THANKS it is working !!!

Kamila Pieńkowska staff commented 9 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 9 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