Skip to:
Content

BuddyPress.org

Opened 8 months ago

#8986 new defect (bug)

Register page input values display in invalid state by default

Reported by: vapvarun's profile vapvarun Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 11.3.1
Component: Templates Keywords:
Cc:

Description

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;
}

Attachments (2)

Screenshot 2023-08-30 140611.png (146.0 KB) - added by vapvarun 8 months ago.
Register page with default theme
8986.patch (912 bytes) - added by upenwp12 7 months ago.
patch for #8986

Download all attachments as: .zip

Change History (2)

@vapvarun
8 months ago

Register page with default theme

@upenwp12
7 months ago

patch for #8986

Note: See TracTickets for help on using tickets.