Internet Explorer 11 does not detect that there is an element over the element that I want to click.
The use case is a page with a fixed div, that is a nav bar, and a button that is scrolled under the nav bar. Then the IE cannot detect that there is a div over the button and click on the nav bar.
On Chrome I get an error that mentions:
Element is not clickable at point (411, 675). Other element would receive the click
But on Internet explorer, there is no such error.
Here is an example https://jsfiddle.net/qv2m5t1e/ where there is a nav bar and a Button. Using Internet Explorer I cannot click on "button 1" because he scrolls it under the navbar, and hence clicks on the nav bar instead of the button.
If you look at the example above in Internet Explorer, you cannot click button 1 because the other element will revceive the click.
Is there a work around?