MediaWiki:Common.js - Revision history

Kashya at 00:26, 14 November 2026

2026-11-14T00:26:07Z

← Older revision		Revision as of 00:26, 14 November 2026
Line 1,822:		Line 1,822:
	// ==========================================================================		// ==========================================================================
	/* 2026-11-11 (Vamshi Krishna): keep the header and footer from overlapping at in-between widths.		/* 2026-11-11 (Vamshi Krishna): keep the header and footer from overlapping at in-between widths.
	- Header: the centre block (site title, Vaniseva line, petal links) ~~is hidden only when it~~ would		- Header: if the centre block (site title, Vaniseva line, petal links) would run over the search box,
	~~actually~~ run over the search box, Home link or ~~the~~ user links.		Home link or user links, it moves into the free space between them, shrinking a little if needed,
			then shows only the petal name, and is hidden only if even that doesn't fit (2026-11-12).
	- Footer: on wide screens the social icons are hidden when they would cover Donate, and the links		- Footer: on wide screens the social icons are hidden when they would cover Donate, and the links
	are centred. On narrow screens the right edge of the links fades while more are off-screen.		are centred. On narrow screens the right edge of the links fades while more are off-screen.
Line 1,853:		Line 1,854:
	var header = document.querySelector('header.vector-header, header.mw-header');		var header = document.querySelector('header.vector-header, header.mw-header');
	document.querySelectorAll('.vanipedia-topbar-center-block').forEach(function (b) {		document.querySelectorAll('.vanipedia-topbar-center-block').forEach(function (b) {
			var title = b.querySelector('.vanipedia-topbar-main-title');
			if (title && !title.dataset.fullTitle) title.dataset.fullTitle = title.textContent;
			if (title) title.textContent = title.dataset.fullTitle;
			// Start from the skin's own position each time (Vanisource keeps the same block between resizes).
			if (!b.dataset.fitInit) {
			b.dataset.fitInit = '1';
			b.dataset.fitTransform = b.style.getPropertyValue('transform');
			}
			if (b.dataset.fitTransform) b.style.setProperty('transform', b.dataset.fitTransform, 'important');
			else b.style.removeProperty('transform');
	b.style.setProperty('display', 'flex', 'important');		b.style.setProperty('display', 'flex', 'important');
	if (w < 1000 \|\| !header) return;		if (w < 1000 \|\| !header) return;

Kashya at 15:25, 13 November 2026

2026-11-13T15:25:14Z

Show changes

Kashya at 03:42, 13 November 2026

2026-11-13T03:42:03Z

Show changes

Kashya at 01:33, 13 November 2026

2026-11-13T01:33:14Z

← Older revision		Revision as of 01:33, 13 November 2026
Line 1,910:		Line 1,910:
	})();		})();

	/* ~~ULTIMATE VUE~~-~~BYPASS~~ MOBILE ~~SEARCH~~ */		/* PERMANENT VANI-SEARCH ICON & KEYBOARD ROUTER (DESKTOP + MOBILE) */
	(function() {		(function() {
	// 1. ~~Snatch~~ the 'Enter' key ~~before~~ Vue ~~can block it~~		function setupVaniSearch() {
			// 1. Force the #p-search box to stay open on mobile Vector (defeats the collapsed icon toggle)
			var searchBox = document.querySelector('#p-search');
			if (searchBox) {
			searchBox.classList.add('vector-search-box-show-thumbnail');
			}

			// 2. Find all search inputs on the page
			var inputs = document.querySelectorAll('input[type="search"], input[name="search"], #searchInput');
			inputs.forEach(function(input) {
			// Turn off native browser autocomplete
			input.setAttribute('autocomplete', 'off');

			var wrapper = input.parentElement;
			if (!wrapper) return;

			// Only inject the 🔍 button once per search bar
			if (!wrapper.querySelector('.vani-search-trigger-btn')) {
			wrapper.style.setProperty('position', 'relative', 'important');
			wrapper.style.setProperty('display', 'flex', 'important');
			wrapper.style.setProperty('align-items', 'center', 'important');

			var btn = document.createElement('button');
			btn.type = 'button';
			btn.className = 'vani-search-trigger-btn';
			btn.innerHTML = '🔍';
			btn.title = 'Search VaniSearch';
			btn.style.cssText = 'position:absolute !important; right:6px !important; top:50% !important; transform:translateY(-50%) !important; background:transparent !important; border:none !important; font-size:15px !important; line-height:1 !important; padding:4px !important; cursor:pointer !important; z-index:9999 !important; display:flex !important; align-items:center !important; justify-content:center !important;';

			btn.addEventListener('click', function(e) {
			e.preventDefault();
			e.stopPropagation();
			var val = input.value.trim();
			if (val !== '') {
			window.location.href = '/wiki/Special:VaniSearch?search=' + encodeURIComponent(val);
			} else {
			input.focus();
			}
			});

			wrapper.appendChild(btn);
			}
			});
			}

			// Intercept Enter / Mobile Keyboard "Search/Go" key in Capture Phase (beats Vue.js)
	document.addEventListener('keydown', function(e) {		document.addEventListener('keydown', function(e) {
	if (e.key === 'Enter' \|\| e.keyCode === 13) {		if (e.key === 'Enter' \|\| e.keyCode === 13) {
	var el = e.target;		var el = e.target;
	if (el.tagName === 'INPUT' && (el.type === 'search' \|\| el.~~closest(~~'.search~~-overlay~~') \|\| el.~~closest(~~'~~.minerva-search-form~~'))) {		if (el && el.tagName === 'INPUT' && (el.type === 'search' \|\| el.name === 'search' \|\| el.id === 'searchInput')) {
	var ~~searchWord~~ = el.value.trim();		e.preventDefault();
	if (~~searchWord~~ !== '') {		e.stopImmediatePropagation();
	~~e.preventDefault();~~		var val = el.value.trim();
	~~e.stopImmediatePropagation(); // Kill the Vue scripts~~		if (val !== '') {
	window.location.href = ~~mw.util.getUrl(~~'Special:VaniSearch~~') + '~~?search=' + encodeURIComponent(~~searchWord~~);		window.location.href = '/wiki/Special:VaniSearch?search=' + encodeURIComponent(val);
	}		}
	}		}
	}		}
	}, true); ~~// 'true' forces this to run first, bypassing Vue entirely~~		}, true);

	// ~~2. Safe Icon Injection outside the strict Codex wrapper~~		// Intercept any form submission as a backup for mobile virtual keyboards
	document.addEventListener('~~focusin~~', function(e) {		document.addEventListener('submit', function(e) {
	var el = e.target;		var form = e.target;
	~~if (el.tagName === 'INPUT' && el.type === 'search' && el.closest('.search-overlay')) {~~		var input = form && form.querySelector('input[type="search"], input[name="search"], #searchInput');
	var ~~headerContainer~~ = ~~el.closest('.overlay-header, .search-box');~~		if (input) {
			e.preventDefault();
	~~if (headerContainer~~ && ~~!headerContainer~~.querySelector('~~.vani-mobile-search-btn')) {~~		e.stopImmediatePropagation();
	~~var btn = document.createElement('button');~~		var val = input.value.trim();
	~~btn.~~type = ~~'button';~~		if (val !== '') {
	~~btn.className~~ = ~~'vani-mobile-~~search~~-btn';~~		window.location.href = '/wiki/Special:VaniSearch?search=' + encodeURIComponent(val);
	~~btn.innerHTML = '🔍';~~
	~~btn.style.cssText = 'background:none; border:none; font-size:22px; color:~~#~~3182ce; position:absolute; right:45px; top:50%; transform:translateY(-50%); z-index:2147483647; cursor:pointer;';~~

	~~headerContainer.style.position =~~ '~~relative';~~
	~~headerContainer.appendChild(btn~~);

	~~btn.addEventListener~~(~~'click', function(ev~~) {
	ev.preventDefault();
	ev.stopImmediatePropagation();
	var ~~searchWord~~ = el.value.trim();
	if (~~searchWord~~ !== '') {
	window.location.href = ~~mw.util.getUrl(~~'Special:VaniSearch~~') + '~~?search=' + encodeURIComponent(~~searchWord);~~
	}
	});
	}		}
	}		}
	});		}, true);

			// Run immediately, on DOM ready, and briefly poll in case Vue rebuilds the input
			if (document.readyState === 'loading') {
			document.addEventListener('DOMContentLoaded', setupVaniSearch);
			} else {
			setupVaniSearch();
			}
			setInterval(setupVaniSearch, 800);
	})();		})();

Kashya at 01:26, 13 November 2026

2026-11-13T01:26:20Z

@@ Line 1,910: / Line 1,910: @@
 })();
 /* ULTIMATE VUE-BYPASS MOBILE SEARCH */
 (function() {

Kashya at 01:25, 13 November 2026

2026-11-13T01:25:03Z

← Older revision		Revision as of 01:25, 13 November 2026
Line 1,952:		Line 1,952:
	});		});
	});		});
			/* ULTIMATE VUE-BYPASS MOBILE SEARCH */
			(function() {
			// 1. Snatch the 'Enter' key before Vue can block it
			document.addEventListener('keydown', function(e) {
			if (e.key === 'Enter' \|\| e.keyCode === 13) {
			var el = e.target;
			if (el.tagName === 'INPUT' && (el.type === 'search' \|\| el.closest('.search-overlay') \|\| el.closest('.minerva-search-form'))) {
			var searchWord = el.value.trim();
			if (searchWord !== '') {
			e.preventDefault();
			e.stopImmediatePropagation(); // Kill the Vue scripts
			window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
			}
			}
			}
			}, true); // 'true' forces this to run first, bypassing Vue entirely

			// 2. Safe Icon Injection outside the strict Codex wrapper
			document.addEventListener('focusin', function(e) {
			var el = e.target;
			if (el.tagName === 'INPUT' && el.type === 'search' && el.closest('.search-overlay')) {
			var headerContainer = el.closest('.overlay-header, .search-box');

			if (headerContainer && !headerContainer.querySelector('.vani-mobile-search-btn')) {
			var btn = document.createElement('button');
			btn.type = 'button';
			btn.className = 'vani-mobile-search-btn';
			btn.innerHTML = '🔍';
			btn.style.cssText = 'background:none; border:none; font-size:22px; color:#3182ce; position:absolute; right:45px; top:50%; transform:translateY(-50%); z-index:2147483647; cursor:pointer;';

			headerContainer.style.position = 'relative';
			headerContainer.appendChild(btn);

			btn.addEventListener('click', function(ev) {
			ev.preventDefault();
			ev.stopImmediatePropagation();
			var searchWord = el.value.trim();
			if (searchWord !== '') {
			window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
			}
			});
			}
			}
			});
			})();

Kashya at 00:52, 13 November 2026

2026-11-13T00:52:09Z

@@ Line 1,910: / Line 1,910: @@
 })();
 /* Add Search Icon AND force mobile keyboard to use VaniSearch */
 $(document).ready(function() {

Kashya at 00:07, 13 November 2026

2026-11-13T00:07:58Z

← Older revision		Revision as of 00:07, 13 November 2026
Line 1,936:		Line 1,936:
	/* Add Search Icon AND force mobile keyboard to use VaniSearch */		/* Add Search Icon AND force mobile keyboard to use VaniSearch */
	$(document).ready(function() {		$(document).ready(function() {
	// 1. Add the clickable magnifying glass icon		// 1. Add the clickable magnifying glass icon (Triggers on focus, click, or typing)
	$(document).on('focus', 'input[type="search"]', function() {		$(document).on('focus click input', 'input[type="search"], input[name="search"], .search-overlay input', function() {
	var $input = $(this);		var $input = $(this);
	var $wrapper = $input.parent();		var $wrapper = $input.parent();

			// Only append the button if it doesn't already exist
			if ($wrapper.find('.vani-mobile-search-btn').length === 0) {
			var $btn = $('<button type="button" class="vani-mobile-search-btn" style="background:none; border:none; font-size:22px; padding:0 10px; margin-left:5px; color:#3182ce; z-index:2147483647; cursor:pointer;">🔍</button>');

	~~if ($wrapper.find('.vani-mobile-search-btn').length === 0) {~~		$wrapper.css('display', 'flex');
	var $btn = $('<button type="button" class="vani-mobile-search-btn" style="background:none; border:none; font-size:22px; padding:0 10px; margin-left:5px; color:#3182ce; z-index:999; cursor:pointer;">🔍</button>');		$wrapper.append($btn);

	$wrapper.css('display', 'flex');		// Route to VaniSearch if the icon is clicked
	$wrapper.append($btn);		$btn.on('click', function(e) {
			e.preventDefault();
	// Route to VaniSearch if the icon is clicked		e.stopImmediatePropagation();
	$btn.on('click', function(e) {		var searchWord = $input.val().trim();
	e.preventDefault();		if (searchWord !== '') {
	var searchWord = $input.val().trim();		window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
	if (searchWord !== '') {		}
	window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);		});
	}		}
	});		});
	}
	});

	// 2. Intercept the Mobile Keyboard "Enter/Search" key directly		// 2. Intercept the Mobile Keyboard "Enter/Search" key directly

Kashya at 23:41, 12 November 2026

2026-11-12T23:41:58Z

← Older revision		Revision as of 23:41, 12 November 2026
Line 1,934:		Line 1,934:
	});		});
	});		});
	/* Add Search Icon AND ~~route~~ mobile keyboard to VaniSearch */		/* Add Search Icon AND force mobile keyboard to use VaniSearch */
	$(document).ready(function() {		$(document).ready(function() {
	// 1. Add the ~~visual~~ magnifying glass icon ~~when the user taps the search bar~~		// 1. Add the clickable magnifying glass icon
	$(document).on('focus', 'input[type="search"]', function() {		$(document).on('focus', 'input[type="search"]', function() {
	var $input = $(this);		var $input = $(this);
Line 1,947:		Line 1,947:
	$wrapper.append($btn);		$wrapper.append($btn);

	// Route to VaniSearch if ~~they click~~ the ~~physical~~ icon		// Route to VaniSearch if the icon is clicked
	$btn.on('click', function(e) {		$btn.on('click', function(e) {
	e.preventDefault();		e.preventDefault();
Line 1,958:		Line 1,958:
	});		});

	// 2. ~~Route to VaniSearch if they press~~ "Search~~/Go~~" ~~on their mobile keyboard~~		// 2. Intercept the Mobile Keyboard "Enter/Search" key directly
	$(document).on('~~submit~~', ~~'form', function(e) {~~		$(document).on('keydown', 'input[type="search"], input[name="search"]', function(e) {
	~~var $form = $(this);~~		// keyCode 13 is the physical Enter/Search key on the keyboard
	~~var $searchInput = $form.find(~~'input[type="search"], input[name="search"]');		if (e.which === 13 \|\| e.keyCode === 13) {
			e.preventDefault(); // Stop normal typing behavior
	if (~~$searchInput~~.~~length > 0 && $searchInput~~.~~val().trim() !~~== '') {		e.stopImmediatePropagation(); // Kill Minerva's native Vue.js search scripts
	e.preventDefault(); // Stop native ~~wiki~~ search
	var searchWord = $~~searchInput~~.val().trim();		var searchWord = $(this).val().trim();
	window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
			if (searchWord !== '') {
			// Route directly to VaniSearch
			window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
			}
	}		}
	});		});
	});		});

Kashya at 23:39, 12 November 2026

2026-11-12T23:39:04Z

@@ Line 1,966: / Line 1,966: @@
              e.preventDefault(); // Stop native wiki search
              var searchWord = $searchInput.val().trim();
              window.location.href = mw.util.getUrl('Special:VaniSearch') + '?search=' + encodeURIComponent(searchWord);
+         }
      });
 });