search

dreyescat / bootstrap-rating

Bootstrap Rating is a jQuery plugin that creates a rating control that uses Bootstrap glyphicons for rating symbols.
http://dreyescat.github.io/bootstrap-rating/
MIT License
192 stars 78 forks source link

Cursor type is text when using FireFox #21

Closed robertlabrie closed 8 years ago

robertlabrie commented 8 years ago

FF43 Win10 x64 - the cursor when hovering over the glyphs is the text select cursor instead of the default cursor.

PS: Thanks for this. I made my own (https://github.com/robertlabrie/bootstrap-star-rating), yours is better, please take a look at the cursor when you get a chance.

Thanks, Rob

dreyescat commented 8 years ago

Thanks for the feedback @robertlabrie!

Yep. It seems that Firefox auto pointer determines that the rating is some kind of text. Then it shows this I-beam cursor.

I have forced the pointer to be always the default (usually an arrow). Now all browser should consistently show the same default cursor.

dreyescat commented 8 years ago

In case you need to customize the cursor you can do it creating a class with the desired cursor:

.custom-cursor {
  cursor: pointer;
}

and then add this class to the list of classes for the data-filled and data-empty attributes:

<input type="hidden" class="rating" data-filled="fa fa-star fa-3x custom-cursor" data-empty="fa fa-star-o fa-3x custom-cursor" />

Check the example.

robertlabrie commented 8 years ago

Thanks for your help, and the fast turn around. Any idea when the fixed version might be on out cdnjs?

dreyescat commented 8 years ago

According to the cdnjs documentation it should not take more than 12 hours.

dreyescat commented 8 years ago

BTW, I just checked an it is already there. :clap: for cdnjs!