https://bugzilla.wikimedia.org/show_bug.cgi?id=67119
Bug ID: 67119
Summary: Fullscreen image transition doesn't work in Safari 8
Product: MediaWiki extensions
Version: unspecified
Hardware: All
OS: All
Status: UNCONFIRMED
Severity: normal
Priority: Unprioritized
Component: MultimediaViewer
Assignee: wikibugs-l@lists.wikimedia.org
Reporter: dschu...@adobe.com
CC: aarcos.w...@gmail.com, fflo...@wikimedia.org,
gti...@wikimedia.org, mtrac...@member.fsf.org
Web browser: ---
Mobile Platform: ---
The MultimediaViewer uses an inline SVG element to preserve the viewport height
of images during a transition from window to fullscreen:
<div class="mw-mmv-wrapper">
<div class="mw-mmv-main">
<div class="mw-mmv-pre-image"></div>
<div class="mw-mmv-image-wrapper"></div>
<div class="mw-mmv-post-image"></div>
<svg>
<filter></filter>
</svg>
</div>
</div>
MultimediaViewer is relying on an old issue of WebKit where an <svg> without
given size always has the height of the viewport. This issue was fixed and
therefore the transition to fullscreen is broken in latest WebKit nightly
builds and Safari 8.
A fix for that is to set the height of the svg as well as the height of the
containing block <div class="mw-mmv-wrapper"> and <div class="mw-mmv-main"> to
100%:
<div class="mw-mmv-wrapper" style="height: 100%">
<div class="mw-mmv-main" style="height: 100%">
<div class="mw-mmv-pre-image"></div>
<div class="mw-mmv-image-wrapper"></div>
<div class="mw-mmv-post-image"></div>
<svg style="height: 100%">
<filter></filter>
</svg>
</div>
</div>
This makes the transition work again for Safari 8 as well as for older WebKit
based browsers.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
