Steps to replicate the issue (include links if applicable):

• Run the website on an older version of Safari like iOS 13.7 (Safari 13.1)
• These Safari 12 and Safari 13 versions are still pretty common on slightly older ipads and iphone devices.
• Collapse the ToC menu

What happens?:

• Table of contents remains visible. specifically, it seems that the menu has not switched between the headers

What should have happened instead?:
The menu should have been hidden and should have switched

Possible cause/related issue, there is this warning in the console.

jQuery.Deferred exception: pinnableBreakpoint.addEventListener is not a function. (In 'pinnableBreakpoint.addEventListener( 'change', disablePinningAtBreakpoint.bind( null, header ) )', 'pinnableBreakpoint.addEventListener' is undefined) (2)

Seems like MediaQueryList on older safari doesn't support addEventlistener (it does support the deprecated addListener)

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

QA Results - Prod