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

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

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

Comments

Projects
None yet
4 participants
@sibinx7
Copy link

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

This comment has been minimized.

Copy link
Member

commented Mar 4, 2015

@sibinx7 What version of Windows?

@sibinx7

This comment has been minimized.

Copy link
Author

commented Mar 4, 2015

Windows 8.1 Single Language 64 bit

@hnrch02

This comment has been minimized.

Copy link
Member

commented Mar 4, 2015

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

@sibinx7

This comment has been minimized.

Copy link
Author

commented Mar 4, 2015

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

@sibinx7

This comment has been minimized.

Copy link
Author

commented Mar 4, 2015

bootstrap-3 2 2

@patrickhlauke

This comment has been minimized.

Copy link
Member

commented Mar 4, 2015

Got a minimal test case/jsbin example?

@cvrebert

This comment has been minimized.

Copy link
Member

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

This comment has been minimized.

Copy link
Author

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

This comment has been minimized.

Copy link
Member

commented Mar 5, 2015

Still no luck reproducing it with your bin:
shot1

@sibinx7

This comment has been minimized.

Copy link
Author

commented Mar 5, 2015

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

bootstrap-3 2 2-select

@patrickhlauke

This comment has been minimized.

Copy link
Member

commented Mar 5, 2015

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

fx1360x768

@sibinx7

This comment has been minimized.

Copy link
Author

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

This comment has been minimized.

Copy link
Member

commented Mar 5, 2015

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

This comment has been minimized.

Copy link
Member

commented Dec 6, 2015

cvrebert added a commit that referenced this issue Dec 6, 2015

cvrebert added a commit that referenced this issue Dec 6, 2015

Merge pull request #18448 from twbs/bugzilla-1139853
Add Wall of Browser Bugs entry for #15990

cvrebert added a commit that referenced this issue Dec 6, 2015

Port #18448 to v3
Add Wall of Browser Bugs entry for #15990

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

This comment has been minimized.

Copy link
Member

commented Dec 6, 2015

Belatedly added this to the Wall in #18448.

cvrebert added a commit that referenced this issue Mar 10, 2016

cvrebert added a commit that referenced this issue Mar 10, 2016

Port ada8f21 to v3
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

This comment has been minimized.

Copy link
Member

commented Mar 10, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.