Maniphest T196518

safari display issue - no margin below first heading
Closed, InvalidPublic
Actions

Assigned To

None

Authored By

	Kipod
	Jun 5 2018, 9:44 PM

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 subscribed.Jun 6 2018, 10:42 AM

This comment was removed by Sokuya.

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.

Screen Shot 2018-06-06 at 13.40.55.png (1×2 px, 1002 KB)

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

Screen Shot 2018-06-06 at 13.46.11.png (1×2 px, 1016 KB)

Compression to Chrome browser, notice the margin:

275e0d5e-b73b-4545-8a10-dc17f7a03b88.jpg (900×1 px, 309 KB)

This was also reported recently on dewiki.

Screenshot of german Wikipedia:

Bildschirmfoto 2018-04-11 um 15.36.24.png (214×574 px, 55 KB)

Browser: Safari 9.1.3

NordNordWest subscribed.Jun 7 2018, 7:41 AM

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.

Do you mean like this?

Screen Shot 2018-06-07 at 17.15.35.png (1×2 px, 953 KB)

Screen Shot 2018-06-07 at 17.15.19.png (1×2 px, 776 KB)

Thanks!

• 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 added projects: CheckUser, Connected-Open-Heritage-Batch-uploads (RAÄ-KMB_1_2017-02), Tamil-Sites, Gamepress, Hashtags, Jade, KartoEditor, Language-2018-Apr-June, New-Editor-Experiences, Mail, TCB-Team (now WMDE-TechWish).

• Vvjjkkii updated the task description. (Show Details)

• Vvjjkkii removed a subscriber: Aklapper.

CommunityTechBot renamed this task from hkbaaaaaaa to safari display issue - no margin below first heading.Jul 1 2018, 8:04 PM

CommunityTechBot raised the priority of this task from High to Needs Triage.

CommunityTechBot updated the task description. (Show Details)

CommunityTechBot removed projects: TCB-Team (now WMDE-TechWish), Mail, New-Editor-Experiences, Language-2018-Apr-June, KartoEditor, Jade, Hashtags, Gamepress, Tamil-Sites, Connected-Open-Heritage-Batch-uploads (RAÄ-KMB_1_2017-02), CheckUser.

CommunityTechBot added a subscriber: Aklapper.

Is this bug still present?

@Kipod: Could you please answer the last comment? Thanks!

Checking in Safari 13.0.1/macOS

Bug is not present any more.

	F18902793: Screen Shot 2018-06-07 at 17.15.19.png
	Jun 7 2018, 2:17 PM

	F18902794: Screen Shot 2018-06-07 at 17.15.35.png
	Jun 7 2018, 2:17 PM

	F18858474: Bildschirmfoto 2018-04-11 um 15.36.24.png
	Jun 7 2018, 12:08 AM

	F18832639: 275e0d5e-b73b-4545-8a10-dc17f7a03b88.jpg
	Jun 6 2018, 10:53 AM

	F18832610: Screen Shot 2018-06-06 at 13.46.11.png
	Jun 6 2018, 10:47 AM

	F18832592: Screen Shot 2018-06-06 at 13.40.55.png
	Jun 6 2018, 10:42 AM

	F30605995: image.png
	Oct 9 2019, 9:46 PM

safari display issue - no margin below first headingClosed, InvalidPublicActions

Description

Event Timeline

safari display issue - no margin below first heading
Closed, InvalidPublic
Actions