Add/Remove of select options multiplies nested wrappers

web
mobile

Topic: Add/Remove of select options multiplies nested wrappers

3aalliance pro premium asked 4 months ago

Expected behavior Hello, Support Team, While using mdb-select dynamic adding/removing options would work stable.

Actual behavior I use this html code of mdb-select:

Ingress Port

I add option to this select with this function:

$('#ingressDpidField').on('change', function() { var optionList = ''; optionList = optionList + 'One'; optionList = optionList + 'Two'; optionList = optionList + 'Three'; $('#inPortField').append(optionList); });

Then I remove options with this function:

$('#egressDpidField').on('change', function() { $('#inPortField option[value="1"]').remove(); $('#inPortField option[value="2"]').remove(); $('#inPortField option[value="3"]').remove(); $('#inPortField').materialSelect(); });

At first glance everything works good. Although if repeat the above many times in development tool I see that select-wrapper multiplies its own nested copies infinitely Snapshot On some cycle browser became slow. This behavior does not depend on hw/sw platform and browser type/version.

I tried to remove select after removing of options with $('#inPortField').materialSelect({ destroy: true }); , but this does not help. Please help me to understand what I am doing wrong and fix an issue.

Than you!


Mateusz Łubianka staff commented 4 months ago

Hi @3aalliance,

please, create a snippet showing your problem here: https://mdbootstrap.com/snippets/. I'll try to help you.

Best,


vrivero pro premium answered 2 months ago

Hello, Im also having the same issue, here is a snippet of it

https://mdbootstrap.com/snippets/jquery/vrivero/2085699


Grzegorz Bujański staff commented 2 months ago

Hi. We have a task on our to-do list to improve it.


vrivero pro premium commented 2 months ago

Can you give us some estimate on when this is going to be fixed, I want to know if I should wait or if I should fix it by myself.


Grzegorz Bujański staff commented 2 months ago

Unfortunately not. At the moment I can't say when it will be fixed


Unicomp pro commented 2 months ago

This is a critical problem!


wealthtechs pro commented 2 months ago

It's the same thing https://mdbootstrap.com/support/jquery/materialselect-launched-without-call/ , seems like the mutation observers on the select doesn't disconnect properly when destroy is called


Grzegorz Bujański staff commented 2 months ago

We will fix it as soon as possible.


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: jQuery
  • MDB Version: 4.14.0
  • Device: x86
  • Browser: Chrome, Forefox
  • OS: Ubuntu 18.04, MS WIn 10
  • Provided sample code: No
  • Provided link: No