backport 1877

docs/src/content/docs/resources/changelog.md

@@ -23,11 +23,16 @@ New versions of Web Awesome are released as-needed and generally occur when a cr
 
 ## Next
 
+- Fixed a bug in `<sl-rating>` that caused the rating to not reset in some circumstances [#1877]
+
+## 2.14.0
+
 - Added the Arabic translation [#1852]
 - Added help text to `<sl-checkbox>` [#1860]
 - Added help text to `<sl-switch>` [#1800]
 - Fixed a bug in `<sl-option>` that caused HTML tags to be included in `getTextLabel()`
 - Fixed a bug in `<sl-carousel>` that caused slides to not switch correctly [#1862]
+- Refactored component styles to be consumed more efficiently [#1692]
 
 ## 2.13.1
 

src/components/rating/rating.component.ts

@@ -264,7 +264,6 @@ export default class WaRating extends WebAwesomeElement {
                     'rating__symbol--hover': this.isHovering && Math.ceil(displayValue) === index + 1
                   })}
                   role="presentation"
-                  @mouseenter=${this.handleMouseEnter}
                 >
                   <div
                     style=${styleMap({
@@ -297,7 +296,6 @@ export default class WaRating extends WebAwesomeElement {
                   'rating__symbol--active': displayValue >= index + 1
                 })}
                 role="presentation"
-                @mouseenter=${this.handleMouseEnter}
               >
                 ${unsafeHTML(this.getSymbol(index + 1))}
               </span>

src/components/rating/rating.styles.ts

@@ -60,6 +60,7 @@ export default css`
 
   .rating__symbol {
     transition: var(--wa-transition-fast) scale;
+    pointer-events: none;
   }
 
   .rating__symbol--hover {