Merge pull request #323 from pandadtdyy/fix_nav_dropdown

ui: add disabledconstrainToWindow to avoid filp

packages/ui-default/components/dropdown/Dropdown.js

@@ -30,7 +30,7 @@ export default class Dropdown extends DOMAttachedObject {
       content: this.options.target || $.find($dom.attr('data-dropdown-target'))[0],
       position: this.options.position,
       openOn: 'hover',
-      constrainToWindow: true,
+      constrainToWindow: $dom.attr('data-dropdown-disabledconstrainToWindow') === undefined,
       constrainToScrollParent: false,
     });
     this.dropInstance.on('open', this.onDropOpen.bind(this));

packages/ui-default/components/dropdown/dropdown.page.styl

@@ -4,6 +4,10 @@
 .drop .dropdown-target
   display: block
 
+.dropdown
+  max-height: calc(100% - 60px)
+  overflow-y: auto
+
 .dropdown
   .menu
     min-width: rem(150px)

packages/ui-default/templates/partials/nav.html

@@ -18,7 +18,7 @@
     {% if not handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
       <li class="nav__list-item"><a href="{{ url('user_login') }}" class="nav__item" name="nav_login">{{ _('Login') }}</a></li>
       <li class="nav__list-item"><a href="{{ url('user_register') }}" class="nav__item--round">{{ _('Sign Up') }}</a></li>
-      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-target="#menu-nav-user" data-dropdown-trigger-desktop-only>
+      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-target="#menu-nav-user" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
         <a href="javascript:;" class="nav__item">
           <span class="icon icon-global"></span>Language <span class="icon icon-expand_more"></span>
         </a>
@@ -29,7 +29,7 @@
         </ol>
       </li>
     {% else %}
-      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-target="#menu-nav-user" data-dropdown-trigger-desktop-only>
+      <li class="nav__list-item" data-dropdown-pos="bottom right" data-dropdown-target="#menu-nav-user" data-dropdown-disabledconstrainToWindow data-dropdown-trigger-desktop-only>
         <a href="{{ url('user_detail', uid=handler.user._id) }}" class="nav__item">{{ handler.user.uname }} <span class="icon icon-expand_more nojs--hide"></span></a>
         <ol class="dropdown-target menu" id="menu-nav-user">
           <li class="menu__item">