Skip to content

UX Issue: Double border on "Re-generate" button after generating header content #368

@nurmhm

Description

@nurmhm

Description
After generating header content, a "Re-generate" button appears. When clicking the button, it shows a double border effect.

This seems to be caused by the combination of the default button border and the focus outline/box-shadow.

Steps to reproduce

  1. Open the editor
  2. Generate header content using AI
  3. Locate the "Re-generate" button
  4. Click on the button

Actual behavior
The button displays a double border when focused/clicked, which looks visually inconsistent.

Expected behavior
A clean, single-layer focus style consistent with other WordPress buttons.

Notes
This appears to be related to focus styling (outline / box-shadow) overlapping with the button border.

Suggestion
Refine focus styles to avoid double border appearance while maintaining accessibility.

Image

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions