×
Blue Eagle (1.5.0) for K5.1 is released (20 Jul 2018)

Please update the Kunena Blue Eagle to 1.5.0 if you use Kunena 5.1.
We made several bug fixes and improvements. Also Blue Eagle has now all the features from Crypsis.
Download: www.kunena.org/download/templates/category/blue-eagle-5

Solved DOM Error: Found 2 elements with non-unique id

More
7 months 2 weeks ago - 7 months 2 weeks ago #1 by Cyrusxxxx
Hello to all, after upgrading Google Chrome to version 63.0.3239.84 I have started recieving following errors related to login form of Kunena (ver 5.0.12):
[DOM] Found 2 elements with non-unique id #login-passwd: (More info: https://goo.gl/9p2vKq) 
<input id=​"login-passwd" type=​"password" name=​"password" class=​"form-control" tabindex=​"2" size=​"18" placeholder=​"Lozinka" required>​ <input id=​"login-passwd" type=​"password" name=​"password" class=​"form-control" tabindex=​"2" size=​"18" placeholder=​"Lozinka" required>​
kategorije:1 
[DOM] Found 2 elements with non-unique id #login-remember: (More info: https://goo.gl/9p2vKq) 
<input id=​"login-remember" type=​"checkbox" name=​"remember" value=​"yes">​ 
<input id=​"login-remember" type=​"checkbox" name=​"remember" value=​"yes">​
kategorije:1 
[DOM] Found 2 elements with non-unique id #login-username: (More info: https://goo.gl/9p2vKq) 
<input id=​"login-username" type=​"text" name=​"username" class=​"form-control" tabindex=​"1" size=​"18" placeholder=​"Korisničko ime">​ <input id=​"login-username" type=​"text" name=​"username" class=​"form-control" tabindex=​"1" size=​"18" placeholder=​"Korisničko ime">​

This error is visible here also when I am not logged in.
Should I just ignore this?

Thank you!
Attachments:
Last edit: 7 months 2 weeks ago by Cyrusxxxx. Reason: Added one more screenshot

Please Log in or Create an account to join the conversation.

More
6 months 1 week ago #2 by gurubob
Google sent me here ...

Looks like Chrome is now complaining about elements in the DOM with the same ID. In the case of this site there's a responsive login for non-dekstop sites that is the username and password.

This is going to be a widespread problem for many web developers and not specific to just this site or to Joomla.

Cheers,

- Bob -

Please Log in or Create an account to join the conversation.

More
6 months 1 week ago #3 by 810
We have 2 menu's . one for normal screen and one for the mobile. So we need to create a different name for the mobile one, and copy all the custom javascript.

basically more lines of codes for the same functions, i don't why google want this behavior.

Please Log in or Create an account to join the conversation.

More
6 months 1 week ago - 6 months 1 week ago #4 by gurubob
Duplicate ID's on a page have been a no-no for a long time. Don't use a duplicate ID to target it via JS, you could just use a custom attribute, e.g. data-id ...

$('*[data-id="login"]').on('click', function() { ... });
Last edit: 6 months 1 week ago by gurubob.

Please Log in or Create an account to join the conversation.

More
6 months 1 week ago #5 by 810
ok, fixed the issue, will be on the next K5.1 release.
The following user(s) said Thank You: Cyrusxxxx

Please Log in or Create an account to join the conversation.

More
6 months 1 week ago #6 by Cyrusxxxx
Thank you 810.

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to add attachements.
  • Not Allowed: to edit your message.
Time to create page: 0.088 seconds