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 10 months 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
pro premium priority answered 10 months 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 10 months ago
Is this effect which you want to achieve?
Do you have any errors in console.log?
josuanbn
pro premium priority answered 10 months 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
Resolved
- User: Pro
- Premium support: Yes
- Technology: jQuery
- MDB Version: 4.18.0
- Device: All
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: Yes