pryley / star-rating.js Goto Github PK

Hi, I'm just trying your library and it looks really good, thanks!

I discovered a bug, when clicking outside of a star, the second star get selected.
You can reproduce this bug when clicking on a tooltip in your demo.

I guess it's coming from elementFromPoint that resolve to the tag gl-star-rating--stars instead of targeting star tags but I'm not sure.

Best,
Jason

When using the star-rating plugin on a small screen, the tooltip ends up off the viewport?

Am I configuring something incorrect?

The ones clearly off the page are in a table cell, the ones below it are just in a div. But it seems like it doesn't shift the data when the viewport is close? Or maybe some way to move the tooltip to a different location?

I can't render multiple select option to Rating stars to be readonly, for being displayed in Listing cards and so on.
Can you show me how do this.

The stars appear on Android devices using Chrome for example.

But using Chrome on iOS, the stars don't appear.

Herewith is a test link: https://merciful-darkness-dwfdh8n3gsef.vapor-farm-d1.com/service/rating

I try to change the color of stars with these css

`:root {
--gl-star-color: #FF7A00; /* if using SVG images /
--gl-star-color-inactive: #d9d9d9; / if using SVG images */

}`

however the color of the stars are not chnaging. Are there anything i should do in order to chnage the color of the star?

Same issue as in this other star rating component: pressing the left arrow while the rating has focus increases the rating, while pressing the right arrow decreases it.

Hi, Paul! First of all thanks for this awesome plugin. You did a great job! Now about the issues.

1. Despite your fix in v3.4.0 there are still warnings in DevTools related to non-passive event listeners. I use latest Google Chrome (v89.0.4389.82) and Star-rating.js v4.1.1.
2. Right-clicking on a rating triggers the select event. This is very annoying.
3. It would be nice to implement fractional rating (with initialRating option). Now I do this way (maybe it will come in handy): codepen.

Sorry for my English. I would be grateful for your response!

It would be awesome if you could show a demo or document how to implement half stars. You package an image called half-star but I didn't see code support for half stars. Can you please clarify?

Additionally, how would I hook on to click events? Say, a user selected the 3rd stay, and I'd like to fire off a function when that happens. Can you please document how would one do that?

It crashes at 'i.tagName'

Hi,
I would like to know how to initialize the stars control with a default value.

Thanks

Sometimes it make sense to only show the rating, for example in an archive with many items. Maybe it would be good to also be able to disable voting?

On desktop if I hold click on a star and then drag the cursor to a different star and release the click then the selected rating will reflect the last star that the cursor was positioned on. This is a nice detail that gives the rating plugin a good sense of responsiveness.

However it does not appear that this behavior works on mobile, where tapping and then sliding across the stars does not register a selection (only a single tap on a star will register a selection).

It would be nice if the aforementioned behavior worked on mobile, allowing users to make adjustments to a rating by sliding their finger rather than having to perform another tap.

Thank you for sharing this plugin- it is my favorite JS rating plugin of the countless that I've looked at!

Hello,

I was just wondering if we could use the es6 import statement to load your lib into custom js modules ?

Thanks for this light lib by the way :)

How to use events like change, click, reset etc, and how to get the currently selected star index?