Opened 4 weeks ago
Last modified 3 weeks ago
#65246 new defect (bug)
Add Data Export Request: Confirmation email checkbox is not properly aligned
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | 7.1 | Priority: | normal |
| Severity: | normal | Version: | |
| Component: | General | Keywords: | has-patch |
| Focuses: | ui, css | Cc: |
Description
The checkbox on the "Add Data Export Request" page is not
properly vertically aligned with the "Send personal data
export confirmation email." label text.
Steps To Reproduce
- Go to Tools > Export Personal Data.
- Observe the "Confirmation email" field.
- Check the alignment of the checkbox with the label text.
Refer Bolow Image :
Change History (5)
This ticket was mentioned in PR #11840 on WordPress/wordpress-develop by @suryakantupadhyay.
4 weeks ago
#2
- Keywords has-patch added; needs-patch removed
This ticket was mentioned in PR #11841 on WordPress/wordpress-develop by @deepakprajapati.
4 weeks ago
#3
## What?
Fixes the alignment of the confirmation email checkbox on the Add Data Export Request form.
## Why?
The privacy request form was resetting margins for all inputs in src/wp-admin/css/forms.css around line 1578:
.wp-privacy-request-form input { margin: 0; }
This overrode the default checkbox/radio margin declared in the same file around line 126:
input[type="checkbox"], input[type="radio"] { margin: -0.25rem 0.25rem 0 0; }
As a result, the checkbox in src/wp-admin/export-personal-data.php around line 130 appeared vertically misaligned with its label.
## How?
Narrows the privacy request form selector so checkbox and radio inputs keep the default admin form control spacing, while other inputs continue to have their margins reset.
## Screenshots
| Before | After |
|---|---|
| | |
## Testing Instructions
- Go to Tools > Export Personal Data.
- Check the Confirmation email field.
- Confirm the checkbox is vertically aligned with the “Send personal data export confirmation email.” label.
- Go to Tools > Erase Personal Data.
- Confirm the same checkbox alignment still looks correct there.
## Trac
https://core.trac.wordpress.org/ticket/65246
## Use of AI Tools
AI assistance: Yes
Tool(s): Codex
Model(s): GPT-5
Used for: Testing guidance, CSS fix suggestion. Final changes were reviewed and edited by me.
## Summary
Adds missing checkbox alignment styling for the personal data export / erase request form.
The RTL stylesheet already contains this rule, but it was missing from the standard forms stylesheet, causing the confirmation email checkbox to appear vertically misaligned on the "Export Personal Data" and "Erase Personal Data" screens.
Trac ticket: https://core.trac.wordpress.org/ticket/65246
## Use of AI Tools
AI assistance: Yes
Tool(s): ChatGPT
Model(s): GPT-5
Used for: Verifying existing RTL stylesheet rules and contribution workflow guidance.