fix: input focus dose't shift label

frontendfixer · frontendfixer · commit 27d5b3cad8df · 2023-09-04T22:11:03.000+05:30
diff --git a/src/index.css b/src/index.css
@@ -70,10 +70,11 @@
 }
 
 .input__group label {
-  @apply absolute left-4 top-2 capitalize text-gray-400 transition-all duration-300 ease-linear;
+  @apply pointer-events-none absolute left-4 top-2 capitalize text-gray-400 transition-all duration-300 ease-linear;
 }
 
-.input__group label.active {
+.input__group label.active,
+.input__group input:focus + label {
   top: -1.5rem;
   font-size: 0.875rem;
   left: 0.5rem;

Original file line number	Diff line number	Diff line change
`@@ -70,10 +70,11 @@`
`70`	`70`	`}`
`71`	`71`
`72`	`72`	`.input__group label {`
`73`		`- @apply absolute left-4 top-2 capitalize text-gray-400 transition-all duration-300 ease-linear;`
	`73`	`+ @apply pointer-events-none absolute left-4 top-2 capitalize text-gray-400 transition-all duration-300 ease-linear;`
`74`	`74`	`}`
`75`	`75`
`76`		`-.input__group label.active {`
	`76`	`+.input__group label.active,`
	`77`	`+.input__group input:focus + label {`
`77`	`78`	`top: -1.5rem;`
`78`	`79`	`font-size: 0.875rem;`
`79`	`80`	`left: 0.5rem;`