fix(forms): fix error message floating with spacing

fix materializecss#437
Jerit3787 · Nov 29, 2023 · 2492cf2 · 2492cf2
1 parent d01ba2a
commit 2492cf2
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/sass/components/forms/_input-fields.scss b/sass/components/forms/_input-fields.scss
@@ -42,8 +42,7 @@ textarea.materialize-textarea {
   }
 
   // Custom Success Message
-  &.valid ~ .supporting-text:after,
-  &:focus.valid ~ .supporting-text:after {
+  &:focus.valid ~ .supporting-text:before {
     @extend %custom-success-message;
   }
 
@@ -58,8 +57,8 @@ textarea.materialize-textarea {
   }
 
   // Custom Error message
-  &.invalid ~ .supporting-text:after,
-  &:focus.invalid ~ .supporting-text:after {
+  &.invalid ~ .supporting-text:before,
+  &:focus.invalid ~ .supporting-text:before {
     @extend %custom-error-message;
   }
   &:focus.invalid ~ label {