Closed Jikodis closed 6 years ago
Using Firefox and Firebug along with the responsive window resize feature, everything looks just fine. When you resize some css changes. I did see the class "ideal-select states ideal-select-menu" would change to "ideal-select states ideal-select-open ideal-select-list" and back on resize... The select list is closed on ideal-select-menu, open on ideal-select-open (if that really needed to be said).
Did you figure out what was causing this issue? I'm having the same problem. I have two login forms on the same page, and the select drop down is broken like this. It seems to have something to do with the width of the form container that it is inside of. Still looking for the exact problem.
Any help would be appreciated.
I never figured it out. I ended up just keeping that behavior. I had a simple site and did not want to spend too much time on it. The functionality was still there thankfully. I would look at what jasonflaherty ^ said. If the classes are changing, some CSS and/or Javascript might fix the issue. Not ideal, but if it was a one off fix. Sorry I didn't figure it out. Maybe future releases of the plugin will fix this issue.
Never solved, but this issue is very old and likely not relevant currently.
I am using Foundation 4 with idealforms. When my form is all generated with idealforms, the select lists starts expanded instead of being collapsed. If I shrink the browser and then enlarge it again, the select lists is properly collapsed.