[buddypress-trac] [BuddyPress Trac] #8986: Register page input values display in invalid state by default

[buddypress-trac]

#8986: Register page input values display in invalid state by default
--------------------------+-----------------------------
 Reporter:  vapvarun      |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Templates     |    Version:  11.3.1
 Severity:  normal        |   Keywords:
--------------------------+-----------------------------
 When validating registration fields, the invalid CSS class is applied on
 the first load of the registration form, even before filling in any
 values.


 {{{
 .buddypress-wrap .standard-form input[required]:invalid, .buddypress-wrap
 .standard-form select[required]:invalid, .buddypress-wrap .standard-form
 textarea[required]:invalid {
     border-color: #b71717;
 }
 }}}


 buddypress/bp-templates/bp-nouveau/css/buddypress.min.css

 We can replace it with the following to set the default when nothing is
 filled.


 {{{
 .buddypress-wrap .standard-form input[required], .buddypress-wrap
 .standard-form select[required], .buddypress-wrap .standard-form
 textarea[required] {
     border-color: #d6d6d6;;
 }
 }}}



 After submitting values, we already have a different CSS object for the
 invalid one.


 {{{
 .buddypress-wrap .standard-form input.invalid[required], .buddypress-wrap
 .standard-form select.invalid[required], .buddypress-wrap .standard-form
 textarea.invalid[required] {
   border-color: #b71717;
 }
 }}}

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/8986>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac