Apply styles to textarea

BrightspaceUI · Jun 30, 2023 · ad6cea3 · ad6cea3
1 parent a7aed14
commit ad6cea3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/inputs/input-styles.js b/components/inputs/input-styles.js
@@ -75,13 +75,13 @@ export const inputStyles = css`
 		line-height: normal;
 	}
 	textarea.d2l-input,
-	textarea.d2l-input:hover:disabled,
+	:host(:hover) textarea.d2l-input:disabled,
 	textarea.d2l-input:focus:disabled,
 	textarea[aria-invalid="true"].d2l-input:disabled {
 		padding-bottom: 0.5rem;
 		padding-top: 0.5rem;
 	}
-	textarea.d2l-input:hover,
+	:host(:hover) textarea.d2l-input,
 	textarea.d2l-input:focus {
 		padding: var(--d2l-input-padding-focus, calc(0.75rem - 1px));
 		padding-bottom: calc(0.5rem - 1px);
@@ -94,7 +94,7 @@ export const inputStyles = css`
 		background-size: 0.8rem 0.8rem;
 		padding-right: calc(18px + 0.8rem);
 	}
-	textarea.d2l-input[aria-invalid="true"]:hover,
+	:host(:hover) textarea.d2l-input[aria-invalid="true"],
 	textarea.d2l-input[aria-invalid="true"]:focus {
 		background-position: top calc(12px - 1px) right calc(18px - 1px);
 		padding-right: calc(18px + 0.8rem - 1px);
@@ -107,7 +107,7 @@ export const inputStyles = css`
 		padding-top: 0.5rem;
 	}
 	:host([dir='rtl']) textarea.d2l-input[aria-invalid="true"]:focus,
-	:host([dir='rtl']) textarea.d2l-input[aria-invalid="true"]:hover {
+	:host([dir='rtl']:hover) textarea.d2l-input[aria-invalid="true"] {
 		background-position: top calc(12px - 1px) left calc(18px - 1px);
 		padding: var(--d2l-input-padding-focus, calc(0.75rem - 1px));
 		padding-bottom: calc(0.5rem - 1px);