Closed JonathanMandel closed 9 months ago
I'm finding this black border on focus on every kind of input field in my app. I'm going to close this until I get to the bottom of this.
I propose to include the https://github.com/tailwindlabs/tailwindcss-forms Plugin - this will reset base styles for form elements.
Describe the bug The headless inputField has a black border that appears when you focus on the input. I have not found a way to remove this border with Tailwind CSS.
To Reproduce Steps to reproduce the behavior: Create a div with an inputField inside it. Make the type("number"). For example:
`div() { inputField("grid grid-cols-4 w-[250px] h-[2em] p-3 items-center gap-2") { value(percentStore) inputLabel("col-span-3 bg-white") { nameStore.data.renderText() } inputTextfield("max-w-[80px] hover:bg-lime-100 col-span-1 border-0 border-opacity-0") { placeholder("0") type("number") min("0") max("100") step("1") changes.values() handledBy percentStore.update } } } }'