Comments (1)
@dandv The star-rating.js
plugin transforms a <select>
element into stars. The reason the left/right arrows move the wrong way is because the <option>
elements are ordered DESC instead of ASC. You can always change the order to ASC and the arrow keys will work correctly.
<!-- options are sorted in DESC order -->
<select id="star-rating-1">
<option value="">Select a rating</option>
<option value="5">5</option>
<option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select>
<!-- options are sorted in ASC order -->
<select id="star-rating-1">
<option value="">Select a rating</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
Order really only matters when JS is disabled and you want the fallback to encourage the higher rating option (hence, DESC order).
Would you still consider this an issue?
from star-rating.js.
Related Issues (15)
- Documentation doesn't show how to enable half-stars, or how to hook to selection events HOT 2
- Some bugs and ideas HOT 4
- Stars not displaying on iOS HOT 2
- Select second star when clicking outside of stars HOT 1
- Set default value? HOT 1
- Tooltip out of viewport HOT 1
- How to build multiple instances using same class name HOT 2
- Cannot apply style HOT 2
- Add support for sliding across rating on mobile HOT 1
- How to use attached events ? HOT 1
- Can we use import statement HOT 2
- Make it possible to disable voting HOT 3
- Stops working when not used inside a form
- how do I get half star to work ? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from star-rating.js.