Making WordPress.org

Opened 5 weeks ago

Last modified 3 weeks 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 needs-testing needs-test-info
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 5 weeks ago.

Download all attachments as: .zip

Change History (4)

@jdahir0789
5 weeks ago

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


3 weeks ago
#1

  • Keywords has-patch added; needs-patch removed

@nikunj8866 commented on PR #488:


3 weeks 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
3 weeks ago

  • Keywords needs-testing needs-test-info added; needs-design removed
Note: See TracTickets for help on using tickets.