Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

borderRadius property doesn't work in Firefox

See original GitHub issue

I was looking to examples on Codepen and found out that borderRadius property is not working in Firefox. But working fine in Chrome. Codepen Link Firefox version: 47

Screenshot in Firefox: firefox

Screenshot in Chrome: chrome

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

juliangarniercommented, Jun 28, 2016

Ok thanks! I think I’ll change the way CSS animation is detected, and fallback to a value of 0 for properties that are not supported by getComputedStyle.

Will check this asap.

canovacommented, Jun 28, 2016

I found a SO question and it seems Firefox require a specific corner to get property value. Working code: SO link:

Read more comments on GitHub >

github_iconTop Results From Across the Web

Border radius not working in my web using firefox 18.0.2 using
I'm using the code below for the menu of my web and it works perfect in Safari 5 and in my html editor...
Read more >
Fix: Border Radius Not Working in Firefox [3 Solutions]
1. Double-check the code ... Double check the code to make sure everything was entered properly, and the syntax is correct. Firefox's developer ......
Read more >
moz-border-radius not working on firefox - Stack Overflow
The border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?
Read more >
CSS: border-radius and -moz-border-radius - The Art of Web
The border-radius property in WebKit accepts one or two values and uses them to style all four corners making a nice symmetric shape....
Read more >
border-radius is not working in Firefox for me on input types
HTML : border-radius is not working in Firefox for me on input types [ Beautify Your Computer : ] ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found