Updating/destroying Material Select doesn´t work

Topic: Updating/destroying Material Select doesn´t work

Christian Leon asked 4 years ago

Expected behavior Updating Material Select

Actual behavior When it is destroyed and initialized again, 2 wrappers are generated one inside the other, which causes a malfunction.

Resources (screenshots, code snippets etc.) enter image description here

$(document).ready(function(){

  $('#cancel_search').click(function(){
    $('.filter-form select.mdb-select').materialSelect({
      destroy: true
    });
    $('.filter-form select.mdb-select').materialSelect();
  })

Any suggestions about this?

Tomek Makowski staff commented 4 years ago

Download the newest version of package 4.19.1. This bug has been repaired in this patch.

More info here: https://mdbootstrap.com/docs/jquery/changelog/#v4-19-1

Regards

Christian Leon commented 4 years ago

Thank you Tomek!!!

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

User: Free
Premium support: No
Technology: MDB jQuery
MDB Version: 4.19.0
Device: Computer
Browser: Google Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

Related topics

0: material-select-view.js error

7: Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user

4: Double material select element (second one fetching content from DB) freezes website and browser tab

2: Material Select - Search is not working correctly

2: After upgrade to PRO 4.8.2 material select selected value not displaying

About author

Christian Leon

25Support score
3Questions 1Answers

0Snippets likes 0Snippets