Problem Statement
When using the topic filtering search screen on iPhone, small numbers (1, 2, 3, etc.) are appearing incorrectly overlaid on topic images in search results. This issue has been observed in Hindi and Bengali interfaces, but not consistently across all languages. This maybe the case on other phones too.
Steps to Reproduce
- On mobile web, navigate to the topic filtering screen
- Use the search functionality to search for topics
- Observe search results, particularly in Hindi and Bengali interfaces
Expected behavior
Topic images should appear without any numbers overlaid on them.
Actual Behavior
Small numbers (1, 2, 3, etc.) are visible on top of topic images in the search results.
Technical Analysis
Likely the CSS used for hiding numbers for <ol> elements doesn't have high enough specificity.
 |  |
Derived Requirement
Ensure that topic images on the topic filtering search screen do not display overlaid list numbers (e.g., 1, 2, 3) in any language interface, including Hindi and Bengali, across all mobile devices.
Test Result - Beta|Prod
Status: ✅ PASS / ❓Need More Info / ❌ FAIL
Environment: beta
OS: macOS Sequoia 15.6
Browser: Chrome 136
Device: MBA
Emulated Device: iPhone 14 Pro
Test Artifact(s):
Test Steps
Test Case 1: Ensure topic images display without number overlays in Hindi interface
- Open Wikipedia on mobile web in an emulated iPhone device using the Hindi language interface.
- Navigate to the topic filtering search screen.
- Search for any topic.
- Observe the search result images.
- ✅❓❌⬜ AC1: Confirm that topic images do not have overlaid numbers (e.g., 1, 2, 3).
Test Case 2: Ensure topic images display without number overlays in Bengali interface
- Open Wikipedia on mobile web in an emulated iPhone device using the Bengali language interface.
- Navigate to the topic filtering search screen.
- Search for any topic.
- Observe the search result images.
- ✅❓❌⬜ AC2: Confirm that topic images do not have overlaid numbers.
Test Case 3: Ensure topic images display correctly across devices
- Repeat Test Case 1 on a different mobile device (e.g., Android phone or tablet).
- Observe topic images in the search results.
- ✅❓❌⬜ AC3: Confirm that topic images appear without number overlays across devices.
QA Results - PROD
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T391554#10872368 |
| 2 | ✅ | T391554#10872368 |
| 3 | ✅ | T391554#10872368 |
