submenu: click on the parent item, then clicking elsewhere makes the whole menu item gone

[xuhdev]

You can reproduce the bug on my website.

1. Click on the "About" menu,
2. then click elsewhere on the webpage (any blank space),
3. see the "About" menu gone.

I can reproduce this bug on bootstrap3 and bootstrap3-gradient theme.

I'm using nikola 7.4.1

[ralsina]

Hmmm looks like clicking outside the menu is setting display: none on the li ... maybe we are not generating exactly correct HTML for the menu.

[Kwpolska]

I cannot reproduce with a clean site. Maybe you have some fancy JS that conflicts with Bootstrap’s?

Normal (clean) site:

<li class="dropdown">
↓  open ↓
<li class="dropdown open">
↓ close ↓
<li class="dropdown">

Your site:

<li class="dropdown">
↓  open ↓
<li class="dropdown open" style="display: block;">
↓ close ↓                 ^^^^^^^^^^^^^^^^^^^^^^^
<li class="dropdown" style="display: none;">
                     ^^^^^^^^^^^^^^^^^^^^^^

[Kwpolska]

https://comments.topbug.net/js/count.min.js seems to be at fault, according to Chrome’s Web Inspector (with Break on attributes modifications)

[Kwpolska]

This is isso’s fault. It looks like it’s a bit too greedy when it comes to registering its handlers — and it seems to mess with Bootstrap’s own dropdown code.

cc @posativ (isso dev) — please investigate.

[posativ]

Played around a bit with Chrome's Devtools and I have no idea why this might happen. @Kwpolska I do not register any handlers (except dom ready boilerplate), maybe a dependency interferes here.

Edit, it is caused by extending DOM elements, appearently outside of a namespace,

[xuhdev]

@posativ Thanks for investigation. Let me know if you need any help