Open Bug 1849585 Opened 2 years ago Updated 1 month ago

The option tabs for search results are misaligned when performing a search query at wordpress.org

Categories

(Web Compatibility :: Site Reports, defect, P2)

Product:
Web Compatibility
Component:
Site Reports
Version:
Firefox 118
Platform:
Other
Android
Type:
defect

Tracking

(Webcompat Priority:P3, Webcompat Score:2)

Project Flags:
Webcompat Priority P3
Webcompat Score 2

People

(Reporter: rbucata, Unassigned)

References

(
URL
)

Details

(Keywords: webcompat:needs-contact, webcompat:site-report, Whiteboard: [webcompat:sightline][webcompat:core])

User Story

platform:android
impact:minor-visual
affects:all
configuration:general
branch:release
user-impact-score:15

Attachments

(1 file)

Screenshot_21.png
500.05 KB, image/png
Details
Attached image Screenshot_21.png —

Environment:
Operating system: Android 12
Firefox version:Firefox Nightly 118.0a1 (2015969251-🦎118.0a1-20230819203421🦎)

Preconditions:
Clean profile

Steps to reproduce:

  1. Navigate to: https://wordpress.org/
  2. Tap on the "Search" icon located in the top menu action bar.
  3. Perform a search query.
  4. Observe the result on the search page.

Expected Behavior:
The option tabs for the results are properly aligned.

Actual Behavior:
The option tabs for the results are not properly aligned.

Notes:

  • Reproducible regardless of the status of ETP
  • Reproducible on the latest build of Firefox Nightly and Release
  • Works as expected using Chrome
  • "Sort by:" option is present
  • Screenshot attached
  • Issue found during WebCompat team [Top100] websites testing

Verified this issue and still reproduces on Firefox 122, 123 and 124.

Tested with:

Browser / Version: Firefox Release 122.1.0 (2016001831-🦎122.0.1-20240205133611🦎)/ Firefox Nightly 124.0a1 (2016003431-🦎124.0a1-20240213210653🦎)/ Firefox Beta 123.0b9 (2016002567-🦎123.0-20240209102425🦎)/ Chrome Mobile Version 121.0.6167.164
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)
Operating System: Oppo Find X5 (Android 13) - 1080 x 2400 pixels, 20:9 ratio (~402 ppi density)

Component: Mobile → Site Reports
Severity: -- → S4
User Story: (updated)
Keywords: webcompat:needs-diagnosis
Priority: P3 → P2

The reproduces in RDP

It looks like Chrome gets sent an extra stylesheet https://www.google.com/cse/static/element/8fa85d58e016b414/mobile+en.css which Firefox doesn't get. I guess that actually comes from https://programmablesearchengine.google.com/ so it may be that we need to reach out to either Wordpress or Google to understand why we're being sent the wrong styles here.

Masking as Chrome doesn't trivially fix the problem.

User Story: (updated)
Keywords: webcompat:needs-diagnosis → webcompat:needs-contact, webcompat:site-report
Webcompat Priority: --- → P3
Webcompat Score: --- → 1
Webcompat Score: 1 → 2
Whiteboard: [webcompat:sightline]
User Story: (updated)
Whiteboard: [webcompat:sightline] → [webcompat:sightline][webcompat:core]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: