From ed3a7bb25029bb68e96fe7ca5cd98bc04bc970d2 Mon Sep 17 00:00:00 2001 From: Liam Hammett Date: Fri, 8 May 2020 10:46:10 +0100 Subject: [PATCH] Add default styling to handle invalid inputs --- stubs/default/resources/sass/app.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/stubs/default/resources/sass/app.scss b/stubs/default/resources/sass/app.scss index 1c7c04e..2b3b6e6 100644 --- a/stubs/default/resources/sass/app.scss +++ b/stubs/default/resources/sass/app.scss @@ -7,6 +7,17 @@ */ @tailwind base; +/** + * Remove the default box-shadow for invalid elements to prevent + * inputs in Livewire components showing with a + * red border by default in Firefox. + * + * See: https://github.com/laravel-frontend-presets/tall/issues/7 + */ + input:invalid, textarea:invalid, select:invalid { + box-shadow: none; +} + /** * This injects any component classes registered by plugins. */