Page MenuHomePhabricator

[regression wmf.21] Safari only - filter capsules with highlight displayed misalgned
Closed, ResolvedPublic

Description

On Safari 10.1:

ptwiki (wmf.21)

Screen Shot 2017-05-02 at 2.57.26 PM.png (228×687 px, 46 KB)

betalabs:

Screen Shot 2017-05-02 at 2.53.34 PM.png (564×821 px, 117 KB)

Note: FF and Chrome display filters with highlight correctly.

Event Timeline

Change 363396 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/core@master] RCFilters: Align TagItemWidget highlight in Safari

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

Checked https://gerrit.wikimedia.org/r/363396 -- the highlight circle is aligned properly:

Screen Shot 2017-07-05 at 3.20.08 PM.png (486×935 px, 124 KB)

Way better but the text string is still not vertically centered. It seems closer to the bottom than the top. Unless that was the intended design. :)
Sorry for nitpicking!

@Niharika That's not necessarily intended design, but rather connected to T168089 and architecturally more deeper T97631. Please file another task for it or mention it on one of the two tasks.

Checked with SauceLabs the following combinations and highlight with new filters look fine:

  • Windows7 + IE11, IE10, IE9
  • Windows10 + IE11
  • Windows10+ MicrosoftEdge 15

Screen Shot 2017-07-07 at 12.41.46 PM.png (450×868 px, 159 KB)

Screen Shot 2017-07-07 at 12.28.52 PM.png (502×657 px, 93 KB)

Screen Shot 2017-07-07 at 1.14.55 PM.png (301×693 px, 57 KB)

Older IE browsers (IE9 and IE8) default RC page to no-JS mode (by design).

Change 363396 merged by jenkins-bot:
[mediawiki/core@master] RCFilters: Align TagItemWidget highlight in Safari

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

Re-checked betalabs and plwiki (1.31.0-wmf.2) - the issue is fixed.