wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 09:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

DI: Make pinnable elements work on Safari 13 and earlier

Browse source 
The pinnable element would cause exceptions on older versions of
Safari during the setup and the ToC menu would show instead of being
pinned and hidden.

Bug: T327602
Change-Id: I99b656d0070d3e9af5641274134736b742c28f58
This commit is contained in:
Derk-Jan Hartman 2023-01-22 17:37:56 +01:00 committed by TheDJ
parent 2a65dc2bba
commit ff830f201e
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/skins.vector.es6/pinnableElement.js
View file

@ -129,7 +129,13 @@ function bindPinnableToggleButtons( header ) {
// Check the breakpoint in case an override is needed on pageload. // Check the breakpoint in case an override is needed on pageload.
disablePinningAtBreakpoint( header, pinnableBreakpoint ); disablePinningAtBreakpoint( header, pinnableBreakpoint );
// Add match media handler. // Add match media handler.
pinnableBreakpoint.addEventListener( 'change', disablePinningAtBreakpoint.bind( null, header ) ); if ( pinnableBreakpoint.addEventListener ) {
pinnableBreakpoint.addEventListener( 'change', disablePinningAtBreakpoint.bind( null, header ) );
} else {
// Before Safari 14, MediaQueryList is based on EventTarget,
// so you must use addListener() and removeListener() to observe media query lists.
pinnableBreakpoint.addListener( disablePinningAtBreakpoint.bind( null, header ) );
}
} }
/** /**