File

core/common/dropdown-direction.directive.ts

Description

A directive to determine if a dropdown should open to the top or as usual to the bottom. This directive has a direct dependency to the bootstrap dropdown (!)

Preconditions:

• Bootstrap dropdown is used
• Bootstrap dropdown is not used with container="body"
• Bootstrap dropdown is used like it is intended and documented for e.g.

  * <div dropdown class="dropdown">
  *  <button class="dropdown-toggle" dropdownToggle>Toggle</button>
  *  <ul class="dropdown-menu" *dropdownMenu>
  *    <!-- Content here -->
  *  </ul>
  * </div>
  *

Example:

 * <div dropdown c8yBsDropdownDirection class="dropdown">
 *  <button class="dropdown-toggle" dropdownToggle>Toggle</button>
 *  <ul class="dropdown-menu" *dropdownMenu>
 *    <!-- Content here -->
 *  </ul>
 * </div>
 *

You make use of the bootstrap dropdown as usual and additionally add the direction directive to it.