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
borderRadius property doesn't work in Firefox #11
Comments
Got the same problem with Edge and even IE11, I don't even see border-radius property in DOM, just transform. |
Are you using the -moz- prefix in the css? |
@averyillson The javascript is dynamically creating the border-radius, it is not related to css file. Also Firefox doesn't use -moz- prefix for border-radius since Firefox 4. |
It's because getComputedStyle(div).getPropertyValue('border-radius') doesn't return anything on IE / FF; Not sure if it's a browser bug or something else : Any ideas? |
I found a SO question and it seems Firefox require a specific corner to get property value. |
Ok thanks! Will check this asap. |
Still not resolved :( |
Working perfectly. https://codepen.io/juliangarnier/pen/3a940ac85e26d7303a34b5c270cb8035 |
No, it is not: https://codepen.io/seleckis/pen/ZamqJp |
As @canaltinova said, Firefox always returns 0 when using borderRadius.
Or if you really can't specify the initial value, you can also do this 😂
|
I see. But documentation is still confusing newbies. There is an example which does not work in FF. |
Ah good catch! I forgot to update the doc. |
I was looking to examples on Codepen and found out that
borderRadius
property is not working in Firefox. But working fine in Chrome. Codepen LinkFirefox version: 47
Screenshot in Firefox:
Screenshot in Chrome:
The text was updated successfully, but these errors were encountered: