src/includes/container.js
function (origin, elLayout) {
        var that = this,
            scrollLeft = that.$viewport.scrollLeft(),
            style;

        if (that.isMobile) {
            style = that.options.floating ? {
                left: scrollLeft + 'px',
                top: elLayout.top + elLayout.outerHeight + 'px'
            } : {
                left: origin.left - elLayout.left + scrollLeft + 'px',
                top: origin.top + elLayout.outerHeight + 'px'
            };
            style.width = that.$viewport.width() + 'px';
        } else {
            style = that.options.floating ? {
                left: elLayout.left + 'px',
                top: elLayout.top + elLayout.borderTop + elLayout.innerHeight + 'px'
            } : {
                left: origin.left + 'px',
                top: origin.top + elLayout.borderTop + elLayout.innerHeight + 'px'
            };

            // Defer to let body show scrollbars
            utils.delay(function () {
                var width = that.options.width;

                if (width === 'auto') {
                    width = that.el.outerWidth();
                }
                that.$container.outerWidth(width);
            });
        }

        that.$container
            .toggleClass(that.classes.mobile, that.isMobile)
            .css(style);

        that.containerItemsPadding = elLayout.left + elLayout.borderLeft + elLayout.paddingLeft - scrollLeft;
    }
function (origin, elLayout) {
        var that = this,
            scrollLeft = that.$viewport.scrollLeft(),
            style;

        if (that.isMobile) {
            style = that.options.floating ? {
                left: scrollLeft + 'px',
                top: elLayout.top + elLayout.outerHeight + 'px'
            } : {
                left: origin.left - elLayout.left + scrollLeft + 'px',
                top: origin.top + elLayout.outerHeight + 'px'
            };
            style.width = that.$viewport.width() + 'px';
        } else {
            style = that.options.floating ? {
                left: elLayout.left + 'px',
                top: elLayout.top + elLayout.borderTop + elLayout.innerHeight + 'px'
            } : {
                left: origin.left + 'px',
                top: origin.top + elLayout.borderTop + elLayout.innerHeight + 'px'
            };

            // Defer to let body show scrollbars
            utils.delay(function () {
                var width = that.options.width;

                if (width === 'auto') {
                    width = that.el.outerWidth();
                }
                that.$container.outerWidth(width);
            });
        }

        that.$container
            .toggleClass(that.classes.mobile, that.isMobile)
            .css(style);

        that.containerItemsPadding = elLayout.left + elLayout.borderLeft + elLayout.paddingLeft - scrollLeft;
    }
function ( origin , elLayout ) { var that = this , scrollLeft = that . $viewport . scrollLeft ( ) , style ; if ( that . isMobile ) { style = that . options . floating ? { left : scrollLeft + 'px' , top : elLayout . top + elLayout . outerHeight + 'px' } : { left : origin . left - elLayout . left + scrollLeft + 'px' , top : origin . top + elLayout . outerHeight + 'px' } ; style . width = that . $viewport . width ( ) + 'px' ; } else { style = that . options . floating ? { left : elLayout . left + 'px' , top : elLayout . top + elLayout . borderTop + elLayout . innerHeight + 'px' } : { left : origin . left + 'px' , top : origin . top + elLayout . borderTop + elLayout . innerHeight + 'px' } ; // Defer to let body show scrollbars utils . delay ( function ( ) { var width = that . options . width ; if ( width === 'auto' ) { width = that . el . outerWidth ( ) ; } that . $container . outerWidth ( width ) ; } ) ; } that . $container . toggleClass ( that . classes . mobile , that . isMobile ) . css ( style ) ; that . containerItemsPadding = elLayout . left + elLayout . borderLeft + elLayout . paddingLeft - scrollLeft ; }
Dropdown UI methods
Dropdown UI methods