MediaWiki:Common.js: Difference between revisions

MediaWiki:Common.js (view source)

610 bytes added , 3 November 2022

Amend sticky headers to avoid compatibility issues with tabber containers

17,097

edits

@@ Line 555: / Line 555: @@
 $(document).ready(function () {
-	if (document.getElementsByClassName('stickyHeader').length > 0) {
+	const elemSticky = document.getElementsByClassName('stickyHeader');
+	if (elemSticky.length > 0) {
+		// Sticky headers do not function well when Tabber containers/article tags.
+		// Therefore identify any stickyHeader tables within these containers
+		//  and remove the stickyHeader class
+		const elemArticle = document.getElementsByTagName('article');
+		if (elemArticle.length > 0) {
+			for (var kS = 0; kS < elemSticky.length; kS++) {
+				for (var kA = 0; kA < elemArticle.length; kA++) {
+					const eSticky = elemSticky[kS];
+					const eArticle = elemArticle[kA];
+					if (eArticle.contains(eSticky)) {
+						eSticky.classList.remove('stickyHeader');
+					}
+				}
+			}
+		}
 		setStickyHeaderTop();
 		$(window).resize(setStickyHeaderTop);