Opened 5 months ago
Closed 2 months ago
#65246 closed defect (bug) (fixed)
Add Data Export Request: Confirmation email checkbox is not properly aligned
| Reported by: | soyebsalar01 | Owned by: | joedolson |
|---|---|---|---|
| Priority: | normal | Milestone: | 7.1 |
| Component: | Privacy | Version: | |
| Severity: | normal | Keywords: | has-patch commit |
| Cc: | Focuses: | ui, accessibility, css |
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 (13)
This ticket was mentioned in PR #11840 on WordPress/wordpress-develop by @suryakantupadhyay.
5 months ago
#2
- Keywords has-patch added; needs-patch removed
This ticket was mentioned in PR #11841 on WordPress/wordpress-develop by @deepakprajapati.
5 months 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.
#4
@
5 months ago
Removing trunk version as this is not going to be shipped with WP 7.0 but in the next releases.
This ticket was mentioned in Slack in #core by adrianduffell. View the logs.
2 months ago
#8
@
2 months ago
This looks close with a simple PR. Does anyone have the bandwidth to shepherd it through before the 7.1 RC 1 release?
#11
@
2 months ago
- Focuses accessibility added
I'm adding the accessibility focus, as well, as I'm noticing that these checkboxes use implicit labeling, and WordPress generally prefers to use explicit labeling when possible. In this case, there are no back compat concerns about switching the labeling type, so I'm adding it in.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)
## 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.