DOM errors

  • Resolved carmpocalypse

    (@carmpocalypse)


    5 years, 1 month ago

    Hello,

    Google console is displaying DOM errors from the Yikes Easy Forms for Mailchimp plugin.

    [DOM] Found 2 elements with non-unique id #pa-newsletter-1: (More info: https://goo.gl/9p2vKq) <form id=​"pa-newsletter-1" class=​"yikes-easy-mc-form yikes-easy-mc-form-1  " method=​"POST" data-attr-form-id=​"1">​…​</form>​ <form id=​"pa-newsletter-1" class=​"yikes-easy-mc-form yikes-easy-mc-form-1  " method=​"POST" data-attr-form-id=​"1">​…​</form>​
(index):1 [DOM] Found 2 elements with non-unique id #yikes-easy-mc-form-1-EMAIL: (More info: https://goo.gl/9p2vKq) <input id=​"yikes-easy-mc-form-1-EMAIL" name=​"EMAIL" placeholder class=​"yikes-easy-mc-email " required=​"required" type=​"email" value>​ <input id=​"yikes-easy-mc-form-1-EMAIL" name=​"EMAIL" placeholder class=​"yikes-easy-mc-email " required=​"required" type=​"email" value>​
(index):1 [DOM] Found 2 elements with non-unique id #yikes-mailchimp-associated-list-id-1: (More info: https://goo.gl/9p2vKq) <input type=​"hidden" name=​"yikes-mailchimp-associated-list-id" id=​"yikes-mailchimp-associated-list-id-1" value=​"e00e80a071">​ <input type=​"hidden" name=​"yikes-mailchimp-associated-list-id" id=​"yikes-mailchimp-associated-list-id-1" value=​"e00e80a071">​
(index):1 [DOM] Found 2 elements with non-unique id #yikes-mailchimp-honeypot-1: (More info: https://goo.gl/9p2vKq) <input type=​"hidden" name=​"yikes-mailchimp-honeypot" id=​"yikes-mailchimp-honeypot-1" value>​ <input type=​"hidden" name=​"yikes-mailchimp-honeypot" id=​"yikes-mailchimp-honeypot-1" value>​
(index):1 [DOM] Found 2 elements with non-unique id #yikes-mailchimp-submitted-form-1: (More info: https://goo.gl/9p2vKq) <input type=​"hidden" name=​"yikes-mailchimp-submitted-form" id=​"yikes-mailchimp-submitted-form-1" value=​"1">​ <input type=​"hidden" name=​"yikes-mailchimp-submitted-form" id=​"yikes-mailchimp-submitted-form-1" value=​"1">​
(index):1 [DOM] Found 2 elements with non-unique id #yikes_easy_mc_new_subscriber_1: (More info: https://goo.gl/9p2vKq) <input type=​"hidden" id=​"yikes_easy_mc_new_subscriber_1" name=​"yikes_easy_mc_new_subscriber" value=​"f38bf705f2">​ <input type=​"hidden" id=​"yikes_easy_mc_new_subscriber_1" name=​"yikes_easy_mc_new_subscriber" value=​"f38bf705f2">​

    Any help to resolve the issue would be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • jpowersdev

    (@jpowersdev)

    5 years, 1 month ago

    Hi @carmpocalypse,

    If you put the same form on a page twice, you will see a duplicate ID on that page. The ID of the wrapping container comes from the ID of the form itself.

    If you want to have multiple forms with the same information on a page, I’d recommend making separate forms (referencing the same list) to avoid this issue.

    Let me know if that helps,
    Jon

    Thread Starter carmpocalypse

    (@carmpocalypse)

    5 years, 1 month ago

    @jpowersdev

    I only have one form on a page. It just started recently doing this too. Had no problems with this before.

    Thread Starter carmpocalypse

    (@carmpocalypse)

    5 years, 1 month ago

    @jpowersdev

    Never mind, I found the issue. It was related to the form ID also being used on my newsletter popup (didn’t figure that out until you said something about the same form ID being used on the same page and I had to think where the same form ID is being used).

    It literally came to me when I was looking at my site and the newsletter popped up. I checked that form ID to see if it was the same as the one in my footer, which it was. I fixed the issue and made a new form with a new ID with the same associated list like you recommended. Thanks for your time.

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    5 years, 1 month ago

    Hi @carmpocalypse

    Great, I’m glad you figured it out.

    -Tracy

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘DOM errors’ is closed to new replies.