Select field dropdown pushes form down

  • Resolved stevoli

    (@stevoli)


    4 years, 1 month ago

    When I click on a select field, it pushes the rest of the form down, rather than opening up absolute positioned like you’d expect. I’ve added the following to my CSS to fix the issue, but I’m not sure why I seem to be the only one having this problem.

    .forminator-dropdown-list{
position:absolute!important;
z-index:99!important;
}

    I’ve used this plugin on a few different sites now, and I always have the same issue with dropdown lists from this plugin.

    • This topic was modified 4 years, 1 month ago by stevoli.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello there @stevoli

    Are you dealing with the same issue when using different themes? Please advise!
    Cause most themes are adding styles for form elements and these may conflict with Forminator’s styles.

    Is there a public page URL that you could share with this fix?

    Also, could you export one of these forms, upload it to a service like Dropbox/GDrive and share it here with us?
    https://premium.wpmudev.org/docs/wpmu-dev-plugins/forminator/#import-export

    Thank you,
    Dimitris

    Thread Starter stevoli

    (@stevoli)

    Yes, I’ve tried a few different themes, and it does the same thing. I created a new theme with no CSS at all in it, and it still does the same thing.

    It does it on every form that I create. I can create a form with 1 dropdown, and a button, and the select field pushes the button down when I open it, rather than opening as an absolutely positioned element.

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @stevoli

    You are right, you’re not the only one, I’m afraid.

    We already have ticketed as a bug and it’s bound to be fixed with one of upcoming releases. I don’t have an exact ETA yet but it will be addressed soon.

    Best regards,
    Adam

    Thread Starter stevoli

    (@stevoli)

    https://forminator-demo.wpmudev.host/sell-a-shirt/

    Click on “Size”, and you’ll see what I’m talking about.

    Adding in “position:absolute” to the “forminator-dropdown-list” class fixes the issue.

    Plugin Support Imran – WPMU DEV Support

    (@wpmudev-support9)

    Hi @stevoli,

    Thank you for providing a sample page. I was able to replicate behavior as well as on a test page. As mentioned by Adam, our Plugin Team is currently aware of this bug and is addressing it, so a fix can be applied for an upcoming release. I will be marking this as resolved for now, but feel free to reach back out to us in case you have any additional questions.

    Best,
    Jonathan S

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Select field dropdown pushes form down’ is closed to new replies.