Make WordPress Core

Opened 22 months ago

Last modified 22 months 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:


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...

Attachments (2)

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

Download all attachments as: .zip

Change History (4)

#1 follow-up: @joyously
22 months ago

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

#2 in reply to: ↑ 1 @princeofabyss
22 months 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.