Make WordPress Core

Opened 2 years ago

Last modified 2 years ago

#56384 new defect (bug)

Error in CSS for form input

Reported by: princeofabyss's profile princeofabyss Owned by:
Milestone: Awaiting Review Priority: normal
Severity: minor Version: 6.0
Component: Administration Keywords:
Focuses: css, administration, template Cc:

Description

In user-new.php and user-edit.php, I created an interface to add some custom meta fields using checkboxes.

The problem is that the CSS bit

#adduser .form-field input, #createuser .form-field input {
  width: 25em;
}

breaks my interface as I'm using the HTML

<input type="checkbox" name="class_languages[]" id="class_languages-english" value="english">

So .form-field input without excluding checkbox types, or specifically applying it to text/url types, stretches the checkboxes...

Below I'm attaching two screenshots, the first with the CSS bit in effect, and the second with it disabled in the developer tools of the browser...

https://i.ibb.co/Lkf2r4P/Screenshot-2022-08-16-003733.jpg

https://i.ibb.co/yPKBSCS/Screenshot-2022-08-16-003822.jpg

Attachments (2)

Screenshot 2022-08-16 003733.jpg (123.9 KB) - added by princeofabyss 2 years ago.
Screenshot 2022-08-16 003822.jpg (79.5 KB) - added by princeofabyss 2 years ago.

Download all attachments as: .zip

Change History (4)

#1 follow-up: @joyously
2 years ago

Can't you apply more specific CSS to override it?

#2 in reply to: ↑ 1 @princeofabyss
2 years ago

Replying to joyously:

Can't you apply more specific CSS to override it?

I know what I can do to remedy the situation... But the way it is, isn't it considered a bug?

Note: See TracTickets for help on using tickets.