Enable dropdown buttons to work with child elements

[nevf]

I am using the following dropdown markup which only works for a click on the caret vs. click anywhere inside the tag.

<a href="#" class="dropdown-trigger a-user-menu">
  <i class="icon-user"></i>
  <span id="user-name"></span>
</a>

To resolve this I changed:

if($(event.target).is('.dropdown-trigger'))

to:

if($(event.target).closest('.dropdown-trigger'))

in dropdowns.js which works with just an <a></a> etc. and if it has nested elements.

[claviska]

Good call. Fixed!

[claviska]

Just pushed a proper fix for this since there were some side effects with using .closest(). It also introduces a bug where menu items won't be properly selected. See 75e4582.

[nevf]

@claviska Thanks for the heads up.