Firefox 7 bug with CSS border-radius set using JavaScript

While working on my slimScroll plugin I noticed something very weird in the newest release of Firefox - I was unable to set border-radius CSS property from within the JavaScript.

I created a demo page so you can check how the code in question is behaving in your browser.

I used this HTML to test my theory:

jQuery slimScroll

What is slimScroll?

slimScroll is a small (4.6KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar - similar to the one Facebook and Google started using in their products recently. slimScroll doesn't occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

Download

You can download latest stable version from here: slimScroll download.

Or simply use npm:

npm install jquery-slimscroll

Website 2.0

Welcome to my new personal website!

As some of you might already know, I've been running my other blog www.front-end-developer.net for a while now, however I've decided the name might be misleading and it doesn't represent my current interests that well. After all, it's not all about the front-end and over the years the range of my interests increased.

I decided to start this website where I will still focus on one my biggest hobbies - JavaScript and client-side scripting, but I will also post articles about everything else I am working on in my spare time.

Tags: 

Pages

Social/Code

profile for rochal on Stack Exchange, a network of free, community-driven Q&A sites