Page MenuHomePhabricator

Safari sets ominous margin on search (icon/button) even though user agent styles don't
Closed, ResolvedPublic

Description

No JS

image.png (374×1 px, 53 KB)

JS
image.png (114×846 px, 10 KB)

Production
image.png (120×1 px, 35 KB)

QA Results - Prod

ACStatusDetails
1T272089#6773326
2T272089#6773326

Event Timeline

Change 656258 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/Vector@master] [styles] Ensuring correct rendering height of search button in Safari

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

Should this be in normalize in core?

Change 656258 merged by jenkins-bot:
[mediawiki/skins/Vector@master] [styles] Ensuring correct rendering height of search button in Safari

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

@Jdlrobson It truly should, but we would have to take care about breakages across the board (probably limited as every feature team wrote their own normalization here.

ovasileva triaged this task as Medium priority.Jan 18 2021, 6:10 PM

@Edtadros: This can be tested on any of the group0 wikis (e.g. testwiki) tomorrow (2021-01-19).

Test Result - Prod

Status: ✅ PASS
Environment: testwiki/enwiki
OS: macOS Big Sur
Browser: Safari/Chrome
Device: MBP
Emulated Device: NA

Test Artifact(s):

QA Steps

✅ AC1: No ominous margin with JS disabled

Screen Shot 2021-01-25 at 5.52.50 AM.png (67×555 px, 5 KB)

✅ AC2: No ominous margin with JS enabled

Screen Shot 2021-01-25 at 5.53.56 AM.png (60×548 px, 4 KB)