Page MenuHomePhabricator

safari display issue - no margin below first heading
Open, Needs TriagePublic

Description

disclaimer:
i do not regularly use safari. this was reported by a user on hewiki. according to the user, this is very recent change. i verified the issue, but cannot verify the claim about it being recent.

issue: the vertical margin below the <hr> under page heading does not appear on safari browser

REPRODUCTION
note that this issue is not so visible on enwiki, b/c vector.css on this project re-exposes the #siteSub div, which has display:none in vector skin.

  • find safari browser (verified on mac, prolly pc will also show it, but i cant be sure)
  • go to dewiki
  • open page Redball
  • notice that the first line, and the photo, are flushed against horizontal line below page heading
  • go to hewiki
  • open page ראובן ריבלין
  • ditto
  • repeat with chrome
  • notice the margin

peace.

Event Timeline

Kipod created this task.Jun 5 2018, 9:44 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 5 2018, 9:44 PM

Could you please provide a screenshot of the problem when using safemode=1 (see https://www.mediawiki.org/wiki/Help:Locating_broken_scripts ) and also provide exact Safari version information?

Sokuya added a subscriber: Sokuya.Jun 6 2018, 10:42 AM
This comment was removed by Sokuya.
Sokuya added a comment.EditedJun 6 2018, 10:47 AM

Safari Version 11.1 (13605.1.33.1.4)
Screenshoot of the URL "https://he.wikipedia.org/wiki/ראובן_ריבלין?safemode=1" on Safari browser on macOS.


Screenshoot of the URL "https://he.wikipedia.org/wiki/ראובן_ריבלין?debug=true" on Safari browser on macOS.

Compression to Chrome browser, notice the margin:

Cirdan added a subscriber: Cirdan.Jun 6 2018, 2:28 PM

This was also reported recently on dewiki.

Screenshot of german Wikipedia:

Browser: Safari 9.1.3

This started on May 31st. The missing distance between page heading and first text line/infobox isn't shown in every article and it makes a difference if you are logged in or not. Some articles have a correct layout when you are not logged it. I can't see any rule when this happens so I don't think that it depends on the content of an article. Btw it happens with the newest version of Safari (11.1.1), too.

Could someone please use Safari's web developer tools and inspect the element and its CSS? See https://developer.apple.com/safari/tools/ for Safari.

Sokuya added a comment.Jun 7 2018, 2:17 PM

Do you mean like this?

Vvjjkkii renamed this task from safari display issue - no margin below first heading to hkbaaaaaaa.Jul 1 2018, 1:06 AM
Vvjjkkii triaged this task as High priority.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
CommunityTechBot raised the priority of this task from High to Needs Triage.
CommunityTechBot renamed this task from hkbaaaaaaa to safari display issue - no margin below first heading.
CommunityTechBot added a subscriber: Aklapper.