Page MenuHomePhabricator

Search overlay clear icon is misplaced on Nokia Lumia 930 / Windows Phone 8.1
Closed, ResolvedPublic

Description

Visit http://en.m.wikipedia.beta.wmflabs.org/wiki/Main_Page on the above mentioned device, click on the search bar, and type something in the search overlay form. You'll see something like this:

Screen Shot 2016-07-12 at 10.29.40 AM.png (1×742 px, 462 KB)

Expected: The clear icon (top right) should be aligned (vertically) in the middle of the search form.

Event Timeline

Is this a regression or a new thing? (ie. what is the behaviour like on production?)

It's a regression. This is what I see in production:

Screen Shot 2016-07-13 at 7.24.58 PM.png (1×742 px, 543 KB)

Jdlrobson added a subscriber: dr0ptp4kt.

@dr0ptp4kt I've removed the devices to test on since this is a regression from T138286 which lists those already.

Change 298871 had a related patch set uploaded (by Jdlrobson):
Calculate absolute position of clear button

https://gerrit.wikimedia.org/r/298871

Further to my review of 298871: Calculate absolute position of clear button:

Browser: Safari (9.1.1)
OS: 10.11.5

Screen Shot 2016-07-14 at 10.18.54.png (72×97 px, 7 KB)

N.B. that I couldn't +2 this even if I wanted to as I don't have access to a Windows Phone 8.1 emulator. Who has a BrowserStack account?

@phuedx, I do. I'll forward my credentials to your email.

Jhernandez triaged this task as Unbreak Now! priority.Jul 14 2016, 5:11 PM
Jhernandez moved this task from Incoming to 2016-17 Q1 on the Web-Team-Backlog board.

Change 298871 merged by jenkins-bot:
Calculate absolute position of clear button

https://gerrit.wikimedia.org/r/298871

phuedx removed Jdlrobson as the assignee of this task.EditedJul 15 2016, 10:59 AM

As I noted during my review of the change, I tested it in the following browsers:

  • Chrome (51.0.2704.103)
  • Firefox (47.0.1)
  • Safari (9.1.1)
  • IE11 on Lumia 930/Windows Phone 8.1
  • IE9 on Windows 7
  • IE10 on Windows 7
dr0ptp4kt claimed this task.

It's unclear to me if it's this patch or if it's another patch, but en.m.wikipedia.beta.wmflabs.org now has a couple of oddities.

I'm marking this task as resolved given @phuedx's testing on the Lumia (and my verification in Safari for iOS 9 phone plus Chrome for Android 5 phone and tablet), but here they are for reference:

In Opera Mini, prior to entering the search bar at all, the magnifying glass is now appearing (good), but it's mashed into the placeholder text (similar to how the search results page was showing up).

opera_mini.jpg (1×640 px, 93 KB)

On Windows Phone 7.5 IE, the magnifying glass is now appearing (good), but it's squished. That's both prior to search and while in the midst of searching.

winphone75-beforesearch.JPG (2×3 px, 2 MB)

winphone75-insearch.JPG (2×3 px, 1 MB)

I created T140487 as it came up on another patchset review. Can you confirm that Windows 7 phone runs IE9?

@MBinder_WMF this was a regression based on the planned sprint work of the pointed T138286 thus it shouldn't be pointed.