Making WordPress.org

Opened 13 months ago

Last modified 12 days ago

#7973 new defect (bug)

Social login icons overlap form field labels on comment form (WordPress.tv)

Reported by: jdahir0789's profile jdahir0789 Owned by:
Milestone: Priority: normal
Component: WordPress.tv Keywords: has-patch
Cc:

Description

On the WordPress.tv video detail page, the comment section form has a visual bug:
The social login icons (WordPress, Facebook, Email) overlap with the placeholder labels for the Name and Website (Optional) fields.

This occurs in the “Continue the discussion” comment form beneath the video at:

https://wordpress.tv/2025/05/05/css-wordpress-gutenberg/

Steps to Reproduce:

Visit the video URL above

Scroll to the “Continue the discussion” section

Observe that the icon row overlaps the form field labels (“Name”, “Website”)

Expected Result:

The social login icons should be positioned beside the form fields without overlapping the placeholder text.

Actual Result:

Icons are positioned over the placeholder text, reducing readability and accessibility.

Attachments (1)

image (2).png (143.0 KB) - added by jdahir0789 13 months ago.

Download all attachments as: .zip

Change History (6)

This ticket was mentioned in PR #488 on WordPress/wordpress.org by @nikunj8866.


13 months ago
#1

  • Keywords has-patch added; needs-patch removed

@nikunj8866 commented on PR #488:


13 months ago
#2

### Before Fix ###

https://github.com/user-attachments/assets/b8930cb6-c596-43a2-b465-4aec18203298

### After Fix ###

https://github.com/user-attachments/assets/6f1a329d-bda7-4d89-b8b8-6fd2a95f3c59

#3 @nikunj8866
13 months ago

  • Keywords needs-testing needs-test-info added; needs-design removed

#4 @nikunj8866
11 months ago

  • Keywords dev-feedback added

#5 @nikunj8866
12 days ago

  • Keywords needs-testing needs-test-info dev-feedback removed
Note: See TracTickets for help on using tickets.