Topic: Full Screen Scroller + MD Select searchable in modal form, incompatibility
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?
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- 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