anchor tag with element id not working in IE 11

Question

I have a div for showing the validation summary in MVC form. I have wrapped the validation messages with an anchor tag pointing to the form element. But this method doesn't work properly in IE. It seems to focus at that element, but goes to page top immediately.

Inside the div, I have a <ul> list which is dynamically appended on form submit. The code snippet in https://stackoverflow.com/a/12386332 replicates this issue. Please help to find a solution.

Thanks

please tell reason for -1 vote – Shwrk Feb 02 '18 at 06:27 — Shwrk, Feb 02 '18 at 06:27

score 0 · Answer 1 · answered Feb 06 '18 at 13:44

Well, I decided to drop the anchor tag and use the DOM scrollIntoView function.

Previously, I had linked to the element with

<a href="#elemAId"><li>error msg for elemA</li> </a>

Now on click on <li>, I select the element with above ID and do

el.scrollIntoView();

this works for following browsers

anchor tag with element id not working in IE 11

1 Answers1