hoverEnabled not properly working
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 35/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- angular, typescript
- Domain
- frontend
Research direction
Start with the reported usage and the hoverEnabled behavior in the Angular component. Reproduce the example with rating 2.5 in Chromium and Firefox, then inspect how hovering affects the positive, ok, and negative colors. Done means hover works in Firefox and preserves the current color in Chromium.
Written by the indexing model from the issue text.
Description
I'm submitting a...
[X] Bug report
[ ] Feature request
There is a related issue: https://github.com/BioPhoton/angular-star-rating/issues/38
Current behavior
Only in case 'hoverEnabled' is 'true':
- In Chromium: It works, but after hovering the stars, they change their color to default color (= grey).
- In Firefox: hover is not working at all
Expected behavior
- In Chromium: The current color (positive = green, ok = yellow, negative = green) should be maintained after hovering.
- In Firefox: It should do something ;)
Minimal reproduction of the problem with instructions
I've implemeted the star rating as follows:
<star-rating [starType]="'svg'" [showHalfStars]="true" [hoverEnabled]="true" [rating]="2.5" (ratingChange)="rate($event)"></star-rating>
Environment
Library version: 4.0.0-beta.3
Angular version: 5.2.0
Tested browsers:
- Chromium (desktop) version 65
- Firefox (desktop) version 59
- Dominant language
- TypeScript
- Stars
- 219
- Forks
- 82
- PR merge metrics
- No merged PRs in 30d
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from BioPhoton/angular-star-rating
-
Difficulty 3/5 1-2 days Newbie friendliness 45/100
BioPhoton/angular-star-rating#128 · 3 reactions ·
-
type: feature
Difficulty 2/5 1-3 hours Newbie friendliness 42/100
BioPhoton/angular-star-rating#126 · 2 comments · 2 reactions ·
-
type: question
Difficulty 2/5 1-3 hours Newbie friendliness 25/100
BioPhoton/angular-star-rating#113 · 2 comments ·
-
type: feature
Difficulty 3/5 1-2 days Newbie friendliness 35/100
BioPhoton/angular-star-rating#111 · 5 reactions ·
-
type: bug
Difficulty 3/5 1-2 days Newbie friendliness 35/100
BioPhoton/angular-star-rating#108 · 1 comment ·
All issues in BioPhoton/angular-star-rating
Similar issues
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 90/100
lingdojo/kana-dojo#32663 · 1 comment · 5 reactions ·
Maintainers usually reply within 1 day
-
Admin: Title Separator field can't be cleared (input falls back to "|")Possibly taken @emdashbot claimed this today. Openbot:bug bot:in-review
Difficulty 2/5 1-3 hours Newbie friendliness 80/100
emdash-cms/emdash#4236 · 3 comments ·
Maintainers usually reply within 1 day
-
PHP workflow streaming requests buffer the full SSE responsePossibly taken @Winoren claimed this today. Openreview: medium
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
langgenius/dify#44270 · 1 comment · 1 reaction ·
Maintainers usually reply within 1 day
-
area:holodeck review-finding
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
hyperdrive-technology/holodeck#142 ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 90/100
code-yeongyu/senpi#3573 ·
Maintainers usually reply within 1 day