diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index f1e4bcc7f..d0023edae 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -2391,10 +2391,6 @@ $.fn.dropdown = function(parameters) { }, leftward: function($menu) { var $element = $menu || $module; - var parentMenu = $element.parent().closest(selector.menu); - if (parentMenu.hasClass('transition')) { - $element = parentMenu; - } $element.addClass(className.leftward); }, value: function(value, text, $selected) { @@ -2750,10 +2746,6 @@ $.fn.dropdown = function(parameters) { }, leftward: function($menu) { var $element = $menu || $module; - var parentMenu = $element.parent().closest(selector.menu); - if (parentMenu.hasClass('transition')) { - $element = parentMenu; - } $element.removeClass(className.leftward); }, visible: function() { @@ -3127,17 +3119,11 @@ $.fn.dropdown = function(parameters) { ; $currentMenu.addClass(className.loading); calculations = { - childrenWidth: 0, contextWidth: $context.outerWidth(), - menuOffset : $currentMenu.offset().left, - menuWidth : $currentMenu.outerWidth() + menuOffset: $currentMenu.offset().left, + menuWidth: $currentMenu.outerWidth() }; - $currentMenu.find(selector.menu).each(function() { - var child = $(this); - child.show(); - calculations.childrenWidth += child[0].offsetWidth; - }); - isOutsideScreen = ((calculations.contextWidth < calculations.menuOffset + calculations.menuWidth + calculations.childrenWidth) || (calculations.menuOffset - $menu.offset().left < 0)); + isOutsideScreen = (calculations.contextWidth < calculations.menuOffset + calculations.menuWidth) || (calculations.menuOffset - $menu.offset().left < 0); if(isOutsideScreen) { module.verbose('Dropdown cannot fit in context rightward', isOutsideScreen); diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 28dc67d24..0c6f98ccb 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -952,6 +952,7 @@ select.ui.dropdown { /* Left Flyout Menu */ .ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu { + display: block !important; left: auto !important; right: 100% !important; border-radius: @leftSubMenuBorderRadius !important;