Full Screen Scroller + MD Select searchable in modal form, i


Topic: Full Screen Scroller + MD Select searchable in modal form, incompatibility

josuanbn asked 5 years ago

Expected behavior In a Full Screen Scroller (FSS) plugin Layout, I need a modal form (MF) with a material design searchable select. (MDSS) Actual behavior MDSS work as expected in a FSS view MDSS work as expected in a MF if FSS is disabled MDSS cant search if it's inside a MF and FSS is enabled

Resources (screenshots, code snippets etc.) https://drive.google.com/file/d/1Igwr1e7Hf7Urv8bm0I2cGiReTGjTI-mW/view?usp=sharing


Tomek Makowski staff answered 5 years ago

Hi

This plugin doesn't include mdb-select. How did you add mdb-select to your project? Did you just swap mdb.js link or you are just importing file twice?

Regards


josuanbn answered 5 years ago

Hi Tomek

Thanks for your answer.

As you can see in the attached file, I load MDB Pro and later, I load FSS plugin

If I put a md-select searchable directly i a Full Screen Scroller panel, it work as expected: I can select a option or search in the options, but, when I put the mdb-select searchable it in a modal form, and I call the modal with FSS enabled, then it not work properly: I can still select a option, but the search input is not seen

Regards


Tomek Makowski staff answered 5 years ago

Is this effect which you want to achieve?

enter link description here

Do you have any errors in console.log?


josuanbn answered 5 years ago

Hi Tomek

I found whats is the problem!

The modal html needs to be inside the div that declares the fss-anchor from which call the modal.

https://drive.google.com/file/d/1OMedmei4g_sAVscBiR4FSCKekKgRQ7pv/view?usp=sharing

Now works fine!

Thanks for your time

Best Regards


Tomek Makowski staff commented 5 years ago

No problem. Regards


Please insert min. 20 characters.

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.18.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes