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

.caret doesn't render correctly in Firefox on Windows #9538

Closed
am0d opened this issue Aug 14, 2013 · 7 comments
Closed

.caret doesn't render correctly in Firefox on Windows #9538

am0d opened this issue Aug 14, 2013 · 7 comments

Comments

@am0d
Copy link

am0d commented Aug 14, 2013

See also issue #4243 for the same issue in Bootstrap v2.

I'm seeing this issue in Firefox 24b, and have been seeing it in all FF versions for a few months now. There is a FF bug filed at https://bugzilla.mozilla.org/show_bug.cgi?id=734748. One possible fix is to simply add .caret {order-bottom: 0 dotted;} which makes the caret appear correctly and has no other fix.
If this could be added to the default styling it would fix the issue on many sites that wouldn't be aware of it otherwise.

http://imgur.com/a/WsRC2 is an album showing the broken and fixed versions of the caret.

@cvrebert
Copy link
Collaborator

@am0d To clarify, this is on Windows, correct?

@ggam
Copy link
Contributor

ggam commented Aug 14, 2013

It seems to be fixed in Firefox Nightly (26).

@am0d
Copy link
Author

am0d commented Aug 14, 2013

@cvrebert Yes, correct.
@ggam Could be, I only have aurora and beta available to me right now.

@mdo
Copy link
Member

mdo commented Aug 14, 2013

We don't support beta browsers :).

@mdo mdo closed this as completed Aug 14, 2013
@cvrebert
Copy link
Collaborator

Read 2nd sentence of first post more closely

@proimage
Copy link

@mdo, does the included fix actually fix things? In Firefox 21, it was discovered that they updated things to break the "fix", while still not addressing the original blurry triangle issue (which only happens when anisotropic filtering is active for Firefox).

See here: foundation/foundation-sites#2230 (comment)

@am0d
Copy link
Author

am0d commented Aug 19, 2013

@proimage That did fix it on my work machine where I was seeing the issue. It's also the recommended fix on the Mozilla bugzilla issue. I noticed that the Foundation issue mentions something about border: inset, which might be the problem they had.

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