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:
Created 7 years ago
Comments:12 (5 by maintainers)

Top GitHub Comments

2reactions

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.

1reaction

canovacommented, Jun 28, 2016

I found a SO question and it seems Firefox require a specific corner to get property value. Working code: http://codepen.io/canaltinova/pen/JKWMPR?editors=1111 SO link: http://stackoverflow.com/questions/10803023/why-wont-getpropertyvalue-return-a-value-for-the-borderradius-property

Top 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...

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 ......

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?

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....

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 : https://www.hows.tech/p/recommended.html ] ...