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

12,787

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);