Author: dschulze
Description:
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.
Version: unspecified
Severity: normal