floating-form-field-tailwindcss
floating-form-field-tailwindcss copied to clipboard
Adding background-color to any parent element breaks this
example:
<div class="bg-gray-200">
<div class="bg-transparent relative border-b-2 focus-within:border-blue-500">
<input type="text" name="username" placeholder=" " class="block w-full appearance-none focus:outline-none bg-transparent" />
<label for="username" class="absolute top-0 -z-1 duration-300 origin-0 bg-white">Username</label>
</div>