Slowness issue with dynamic data in select

I had encountered an slowness issue when updating select1 list several times and selecting select1 item will update the list of items in select2. The slowness issue became worse when I changed the select1 list even more. I didn't encounter this issue in MDBootstrap 4.5.2. I had upgraded to 4.5.9 as it fixes a few other issues that I had encountered but the 4.5.9 had raised a showstopper issue. Here's the relevant codes to simulate the slowness issue. <div class="md-form">     <select id="select1" class="mdb-select">         <option value="" disabled selected>Choose your option</option>         <option value="1">Option 1</option>         <option value="2">Option 2</option>     </select>     <label>Select 1</label> </div> <div class="md-form">     <select id="select2" class="mdb-select">         <option value="" disabled selected>Choose your option</option>         <option value="1">Option 1</option>         <option value="2">Option 2</option>     </select>     <label>Select 2</label> </div> script     new WOW().init();     $(document).ready(function() {         $('.mdb-select').material_select();     });     $(document).on("change",         "#select1",         function () {             var $select2 = $("#select2");             $select2.material_select('destroy');             $select2.empty();             $select2.append($("<option></option>").attr("value", "").text("Choose one"));             $select2.material_select();     });

---