Making WordPress.org

Opened 7 months ago

Last modified 5 months 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 dev-feedback
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 7 months ago.

Download all attachments as: .zip

Change History (5)

@jdahir0789
7 months ago

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


7 months ago
#1

  • Keywords has-patch added; needs-patch removed

@nikunj8866 commented on PR #488:


7 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
7 months ago

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

#4 @nikunj8866
5 months ago

  • Keywords dev-feedback added
Note: See TracTickets for help on using tickets.