Dropdown clickHandlerTypeError

[KuroThing]

When you click the the body element, this line of code produces this error: TypeError: eventTarget[parentNode][getAttribute] is not a function

Tested on v2.0.3 and v2.0.4 (Commit: cf981a6)

A (imo) dirty hack i found to solve this would be to do something like typeof eventTarget[parentNode] === HTMLDocument and if so, setting hasData to false.

Edit: It should be noted that this error occurs irrelevant of if the dropdown is open or not.

[thednp]

Cannot reproduce. Do you have a screenshot?

[KuroThing]

Using the Fixed Navbar Example for the v4 version of bootstrap, if you had a dropdown on that page and clicked under the div.container element, it would be clicking the body element directly. This is what re-produces the error.

The requested image with the area i'm talking about highlighted in a thin red border w/ some text in it.

Does that help?

[thednp]

No. The script won't initialize if you inject it on the Bootstrap demo pages on the fly, you need to have it there when the DOM is parsed. This is something jQuery does, we don't do that, we do it the right way:

• I downloaded the HTML file from source
• I edited the file, added bootstrap.native CDN link and removed jQuery and it's Bootstrap plugins
• Loaded the file in browser and it's working as expected, see the screenshot below.

[KuroThing]

I was providing an example using the bootstrap documentation, of course locally i'm including the script straight away, but rather then trying to giving you the segmented parts of my layout i figured using one of the examples from the bootstrap documentation.

If you click on the area below the div.container you'll get a TypeError. Modifying the v4 javascript file in dist to output eventTarget[parentNode] said it was a HTMLDocument.

Here, let me use your own sites documentation then.

Add an absurd height property to the body element, and scroll to the bottom of the page. Open the dev console and go to the inspect area, insure you are over the body element and click a few times. You'll get the error.

Here, have a screenshot of the errors, along with the body being highlighted

[thednp]

Please download latest master and test. Thank you.

[thednp]

@KuroThing all good?

[rafaph]

Same here, using the master version solved the problem. Thanks guys!

[yurimdh]

I'm still having this error. It can be reproduced doing what @KuroThing said above: in your own documentation (http://thednp.github.io/bootstrap.native), add an absurd height property to the body element, and scroll to the bottom of the page. Open the dev console and go to the inspect area, insure you are over the body element and click a few times. You'll get the error.

[thednp]

OK now, please check the latest master, if we come clean, we publish the new version to the clouds right after.

[AustinBrunkhorst]

I'm using Aurelia with this library, which makes use of document fragments quite a bit. When a fragment is the parent node, this error occurs.

The latest push to master fixes the issue for me, @thednp. Cheers!