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

Tick/check mark rendering in Firefox #2381

Closed
tjmay1981 opened this issue Jan 21, 2020 · 8 comments
Closed

Tick/check mark rendering in Firefox #2381

tjmay1981 opened this issue Jan 21, 2020 · 8 comments

Comments

@tjmay1981
Copy link

The tick that is added using the class show-tick doesn't render nicely in Firefox (checked in FF 72 on Windows 10)
bootstrap-select v1.13.12
jQuery v3.4.1
Bootstrap v4.4.1

To reproduce the problem, open https://plnkr.co/edit/RHA12B5OFfxR2jqg5EEQ?p=preview in Firefox and select an option from the dropdown. The displayed tick is split into three parts by small lines.

This could be remedied by adding the following CSS to the stylesheet.

.bootstrap-select .bs-ok-default::after { transform-style: preserve-3d; }

@caseyjhol
Copy link
Member

This seems to be fixed in Firefox 75 on Windows 10, but I'll be happy to take another look if you're still having problems.

@tjmay1981
Copy link
Author

tjmay1981 commented Apr 24, 2020 via email

@caseyjhol
Copy link
Member

Looks like there were some issues with the image you tried to include.

@caseyjhol caseyjhol reopened this Apr 24, 2020
@tjmay1981
Copy link
Author

Sorry, I just replied inline to the email and it obviously doesn't like images being supplied in that way. Hopefully this will work!
Screenshot_2020-04-24 bootstrap-select playground (Bootstrap 4)

@caseyjhol
Copy link
Member

Thanks! I see what you're talking about (although I'm still unable to reproduce it on my computer). What resolution is your screen? Do you have a retina or 4K display?

@tjmay1981
Copy link
Author

tjmay1981 commented Apr 24, 2020 via email

@caseyjhol
Copy link
Member

I was able to recreate this with a different screen.

@caseyjhol caseyjhol changed the title Tick rendering in Firefox Tick/check mark rendering in Firefox Apr 24, 2020
@caseyjhol
Copy link
Member

Released in v1.13.16!

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

2 participants