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.

Sign up for GitHub

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

Jump to bottom

Right side border of <select>/<option> is not showing on Windows Firefox #15990

Closed
sibinx7 opened this issue Mar 4, 2015 · 16 comments
Closed

Right side border of <select>/<option> is not showing on Windows Firefox #15990

sibinx7 opened this issue Mar 4, 2015 · 16 comments
Labels
browser-bug confirmed css

Comments

@sibinx7
Copy link

sibinx7 commented Mar 4, 2015

I have an issue with select boxs. When i place select input field inside a col-sm-3 it won't show right side border. It work on other grid sizes. Only Mozilla has problem all other browser everything work well.

update : col-sm-3, col-sm-5,col-sm-7,col-sm-9 and col-sm-11 have same issue

Bootstrap version : Bootstrap v3.2.0 (http://getbootstrap.com), Bootstrap v3.2.2 also have same issue
Please help me, thanks in advance

bootstrap-3
@sibinx7 sibinx7 changed the title Right side border of select options is not showing on Mozilla Firefox Right side border of select options/ select is not showing on Mozilla Firefox Mar 4, 2015
@cvrebert cvrebert changed the title Right side border of select options/ select is not showing on Mozilla Firefox Right side border of <select>/<option> is not showing on Windows Firefox Mar 4, 2015
@cvrebert cvrebert added the css label Mar 4, 2015
@cvrebert
Copy link
Collaborator

cvrebert commented Mar 4, 2015

@sibinx7 What version of Windows?

@sibinx7
Copy link
Author

sibinx7 commented Mar 4, 2015

Windows 8.1 Single Language 64 bit

@hnrch02
Copy link
Collaborator

hnrch02 commented Mar 4, 2015

Can you confirm that this is a problem with the latest version, v3.3.2?

@sibinx7
Copy link
Author

sibinx7 commented Mar 4, 2015

I had changed version but still i have same same issues.

@sibinx7
Copy link
Author

sibinx7 commented Mar 4, 2015

bootstrap-3 2 2

@patrickhlauke
Copy link
Member

Got a minimal test case/jsbin example?

@cvrebert
Copy link
Collaborator

cvrebert commented Mar 5, 2015

I was unable to reproduce this with http://jsbin.com/hajoxa/2 on Win 8.1 Firefox 36 via Sauce Labs:
0002screenshot

@sibinx7
Copy link
Author

sibinx7 commented Mar 5, 2015

Sir, can you check this link, i have many select boxs, also check alternate select boxs, check using Mozilla Firefox or Mozilla Firefox developer edition

Update : I remove form-control class and gave 100% for select tab, i use col-sm-3 and row classes and got same issues, then i removed all bootstrap elements and gave 30% width, float left and margin to select tag and work well on all browser.

Update 2 : Run on jsbin without bootstrap source link ( cdn), gave 100% width for select element,
then add bootstrap cdn link to web page via firebug ( added inside body ), same alternate select boxs didn't show right side border
select boxs wrap inside a div with 'col-xs-12 col-sm-3' class , which is again inside a div with row class

http://jsbin.com/titaki

Thanks

@cvrebert
Copy link
Collaborator

cvrebert commented Mar 5, 2015

Still no luck reproducing it with your bin:
shot1

@sibinx7
Copy link
Author

sibinx7 commented Mar 5, 2015

Screen resolution 1366 x 768, Issue happened only in some resolution

bootstrap-3 2 2-select

@patrickhlauke
Copy link
Member

I just set my Win8.1 machine to 1360x768, but also still can't reproduce the problem I'm afraid

fx1360x768

@sibinx7
Copy link
Author

sibinx7 commented Mar 5, 2015

Sir

Please check 1230 X 768 , 1366 X 768 , 1290 X 768 , 1346 X 768 etc.. Please check on these resolution.

My default resolution is 1366 X 768

@patrickhlauke
Copy link
Member

ah, i had to force my monitor to accept 1366x768, and now i can see the issue in Firefox. however, as soon as i move the Firefox window slightly, the border appears. This leads me to believe it's a bug in Firefox's rendering engine and the slightly unorthodox resolution used (a more standard one would be 1360x768. Other browsers are also fine using 1366x768, so it's definitely something broken with Firefox itself, which unfortunately is outside of our control.

fx-1366x768

@cvrebert
Copy link
Collaborator

cvrebert commented Dec 6, 2015

Upstream bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1139853

cvrebert added a commit that referenced this issue Dec 6, 2015
@cvrebert
Add Wall of Browser Bugs entry for #15990
4120663 
https://bugzilla.mozilla.org/show_bug.cgi?id=1139853
[skip sauce]
@cvrebert cvrebert mentioned this issue Dec 6, 2015
Merged
cvrebert added a commit that referenced this issue Dec 6, 2015
@cvrebert
Merge pull request #18448 from twbs/bugzilla-1139853
1ac1cf5 
Add Wall of Browser Bugs entry for #15990
cvrebert added a commit that referenced this issue Dec 6, 2015
@cvrebert
Port #18448 to v3
25e8e4f 
Add Wall of Browser Bugs entry for #15990

https://bugzilla.mozilla.org/show_bug.cgi?id=1139853
[skip sauce]
@cvrebert
Copy link
Collaborator

cvrebert commented Dec 6, 2015

Belatedly added this to the Wall in #18448.

cvrebert added a commit that referenced this issue Mar 10, 2016
@cvrebert
Update Wall of Browser Bugs entry for #15990
ada8f21 
http://bugzil.la/1139853 was resolved as a duplicate of http://bugzil.la/924068
Refs #15990
[ci skip]
cvrebert added a commit that referenced this issue Mar 10, 2016
@cvrebert
Port ada8f21 to v3
0f1d09b 
Update Wall of Browser Bugs entry for #15990

http://bugzil.la/1139853 was resolved as a duplicate of http://bugzil.la/924068
Refs #15990
[ci skip]
@cvrebert
Copy link
Collaborator

Upstream bug was closed as a duplicate of an existing bug.
New relevant bug: https://bugzilla.mozilla.org/show_bug.cgi?id=924068

@cvrebert cvrebert mentioned this issue May 20, 2016
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
browser-bug confirmed css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@cvrebert @patrickhlauke @hnrch02 @sibinx7