Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dropdown does not autoclose, throwing: Object doesn't support property or method 'closest'

See original GitHub issue

Bug description:

When I open a dropdown with autoclose and then click on the scrollbar in edge, an error is thrown in the console. It throws the error Object doesn't support property or method 'closest'. It is thrown because the element in event.target is HTMLDocument which does not support the closest method.

Link to minimally-working StackBlitz that reproduces the issue:

StackBlitz: https://angular-dpdswh-r6tj5y.stackblitz.io

Open the StackBlitz in Edge 44.18362.449.0.
Open the dropdown by clicking on it. Click on the scrollbar.
The dropdown does not close. An error is thrown in the console.

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 8.2.13

ng-bootstrap: 4.2.2

Bootstrap: 4.3.1

Browser: Edge 44.18362.449.0, EdgeHTML 18.18362

Issue Analytics

State:
Created 3 years ago
Comments:7 (7 by maintainers)

Top GitHub Comments

1reaction

Istanfulcommented, Jun 25, 2020

@benouat Cool! I will make an attempt on a PR if you don’t get to it first. 😃

0reactions

Istanfulcommented, Jun 26, 2020

@benouat I made a pull request for this. The only different is that closest returns null for document. Apart from the automatic tests I tested in 44.18362.449.0, Safari 14609.2.9.1.3 and Chrome 83.0.4103.106. 😃