Floating labels stop working when checkboxes are included on the form

  • Hi everyone,
    The form works great, but as soon as I add a checkbox field to the form, the field labels that start as placeholders and float up when you focus the field are not working anymore. The label stays in the input field and when one types it is 2 sets of characters on top of each other.
    What can I do to remedy this. If I can get the labels to float, great, but if not, how can I have the label disappear when the field gets focus and so you can read what the applicant writes?
    Thank you/
    Marc
    ps. I have outlined=”Yes” as a parameter everywhere.

    • This topic was modified 3 years, 8 months ago by spidermap.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author GusRuss89

    (@gusruss89)

    Hi @spidermap ,

    Could you please try disabling your mailchimp plugin to see if that’s what’s causing the issue?

    If it is, please let me know and I’ll try and find a way to fix that.

    Thanks,
    Angus

    Thread Starter spidermap

    (@spidermap)

    Hi Angus, I disabled the mailchimp plugin and removed all css related to it. The problem was still there. I also disabled all other plugins, except contact form and Material Design. The problem still there unfortunately.
    Thank you,
    Marc

    • This reply was modified 3 years, 8 months ago by spidermap.
    Plugin Author GusRuss89

    (@gusruss89)

    Hi @spidermap,

    Do you have any caching plugins? Try refreshing all your caches after you disable mailchimp.

    I can see from the JavaScript error on your page that the error is coming from the mailchimp plugin.

    Uncaught Error: Syntax error, unrecognized expression: <div class="mdc-checkbox__background">...</div>
    at Function.a.error (mc-validate.js:2)

    The mc-validate.js file is from Mailchimp.

    Thanks,
    Angus

    Thread Starter spidermap

    (@spidermap)

    Hi Angus,
    I am sorry I was wrong. I had another instance of a mailchimp embed. As soon as I removed it, the Material Design worked great.
    Now how can I use the mailchimp plugin together with yours?
    Thank you,
    Marc

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Floating labels stop working when checkboxes are included on the form’ is closed to new replies.