From 18605753e4fb66b154d805080c2482f75d0e3cb5 Mon Sep 17 00:00:00 2001 From: Giuliano Kranevitter Date: Tue, 22 Aug 2017 11:39:44 -0400 Subject: [PATCH] Fixes Firefox textarea issue Fixes textarea issue in Firefox: When you aren't focus on a textarea, you can see the placeholder and the label is over it. Placeholder-shown not needed since we're targeting the ::placeholder --- bootstrap-kit.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/bootstrap-kit.css b/bootstrap-kit.css index b106986..4b7ab3a 100644 --- a/bootstrap-kit.css +++ b/bootstrap-kit.css @@ -128,19 +128,19 @@ -webkit-transition: all .2s; transition: all .2s; } -.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { +.has-float-label .form-control:not(:focus)::-webkit-input-placeholder { opacity: 0; } -.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder { +.has-float-label .form-control:not(:focus)::-moz-placeholder { opacity: 0; } -.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder { +.has-float-label .form-control:not(:focus):-ms-input-placeholder { opacity: 0; } -.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder { +.has-float-label .form-control:not(:focus)::placeholder { opacity: 0; } -.has-float-label .form-control:placeholder-shown:not(:focus) + * { +.has-float-label .form-control:not(:focus) + * { font-size: 150%; opacity: .5; top: .3em;