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

Select not exactly #62

Open
Medik18 opened this issue Dec 24, 2014 · 4 comments
Open

Select not exactly #62

Medik18 opened this issue Dec 24, 2014 · 4 comments

Comments

@Medik18
Copy link

Medik18 commented Dec 24, 2014

How much select not displayed exactly?
Browser: Google Chrome 39.0.2171.95 m
Screen resolution: 1920x1080px

2014-12-24 12 25 09

@larodiel
Copy link

search for the function positionDropdown (line 1232 +/-) and make the variable width receive the function below.
this.container[0].getBoundingClientRect().width
That solve my problem, but I think that exist anothers places to replace it.

Cheers!

@fk fk added the bootstrap3 label Feb 2, 2015
@wphampton
Copy link

@larodiel that seemed to solve the problem with the right side of the dropdown but I still get the original 1px inconsistency on the left side. For me, if I open a dropdown and resize the window it becomes easier to see how it can change, sometimes it looks perfect. Also I saw a similar thread over on StackOverflow: http://stackoverflow.com/q/21497529/2184705

Here's another example of what mine looks like when both are wrong.
image

@fk
Copy link
Collaborator

fk commented Apr 1, 2015

Hey guys – looks like #49 again.
Please see also select2/select2#1892 and select2/select2#2049.

Does the issue persist if you remove select2-bootstrap.css?
If yes, would it make sense to report your issue over at https://github.com/select2/select2?

@ryanbeymer
Copy link

So taking a closer look at this it I don't think it has anything to do with the css styles.

IMO, it has to do with the way Select2 functions, the element is being overlayed on top of the input field and it's absolute positioning is being determined by js.

The issue happens when the screen size is set at an odd number, in my example 1585px, if the width was able to be set to 262.5px the issue would be resolved.

I kinda think this issue falls in the select2 camp.

screen shot 2015-04-07 at 7 00 58 pm

screen shot 2015-04-07 at 7 07 36 pm

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

No branches or pull requests

5 participants