Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE Auto-Width Bouncing Scrollbar #215

Closed
locux opened this issue Dec 10, 2013 · 3 comments
Closed

IE Auto-Width Bouncing Scrollbar #215

locux opened this issue Dec 10, 2013 · 3 comments

Comments

@locux
Copy link

locux commented Dec 10, 2013

I noticed that when we adjust the CSS to allow the width to auto-size to the content in IE10+ the scroll bar (when clicked) will often jog to the left the width of the scrollbar. Feels glitchy. Only happens in IE10+. IE9 will cut-off the right side of the select options.

Here's a fiddle displaying the issue: http://jsfiddle.net/rdX5R/4/

This was fixed in 0.8.5 with the following diff. (lines might be very slightly off from 0.8.5 as my source diff has patch already committed from bug #182.

17c17
<

---
>         var widthcount = 0;
1545a1551,1557
>                     if (widthcount == 0) {
>                         self.$dropdown_content.css({
>                             width: self.$dropdown_content.width() + 15
>                         });
>
>                         widthcount = 1;
>                     }

Here's a fiddle with this patch: http://jsfiddle.net/rdX5R/5/

p.s. This fix also solved issue #173 for me.

@locux
Copy link
Author

locux commented Dec 10, 2013

after-thought: my proposed patch puts the initial "var widthcount=0;" within the sifter.js code. Should be down in the selectize.js section (around line 603).

@jeacott
Copy link

jeacott commented Mar 7, 2014

this fix is just what I need, but it doesn't work for remote loaded content.

if instead I try this:

positionDropdown: function() {
            var $control = this.$control;
            var offset = this.settings.dropdownParent === 'body' ? $control.offset() : $control.position();
            offset.top += $control.outerHeight(true);

            this.$dropdown.css({
                width : $control.outerWidth()+60,
                top   : offset.top,
                left  : offset.left
            });
        },

I can kinda get what I'm after. without it my content is all clipped.
Unfortunately I'm trying to use selectize in a bootstrap style sidepanel (ie inside span4 of 12),
and the droplist part of the selectize control wont expand past the span4. I've tried fiddling with the css but I'm just about to give up :(

@joallard
Copy link
Member

Thanks for reporting this issue. I am closing it since this issue has been inactive for more than 2 years. If there is still a problem with the latest version, please re-open and add details following the Issue reporting guide.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants