134 commits

Author	SHA1	Message	Date
csalinezh	201238ccd8	fix: keep arrow button icon inside its parent (#186) ... If the parent element sets "text-align: center", "position: absolute" leads to weird offset issue due to "left: auto" calculation rules. Specifically the rule 2 for "static position" in Chapter 10 of CSS 2: https://www.w3.org/TR/CSS2/visudet.html#static-position It's not necessary for these pseudo-elements to be positioned, hence the simplification.	2024-11-13 19:42:19 -05:00
alistair3149	1b60511ae7	feat: add TabberNeueUseLegacyTabIds config option (#184) ... Also fix the issue where disabling TabberNeueEnableAnimation didn't actually work --------- Co-authored-by: Jayden Bailey <jaydenkieran@gmail.com>	2024-11-10 03:16:11 -05:00
alistair3149	3d86ed5baa	feat: include Codex CSS variables in Tabber variables	2024-08-31 20:03:38 -04:00
Eamon Heffernan	795c76b4bd	fix: ensure that the active tab is set before the tabber event is initialized (#173) ... Closes: #167, #172	2024-08-31 19:57:41 -04:00
Jayden	2f7e652e28	fix: incorrect conditions for shouldShowAnimation (#165)	2024-07-17 13:04:52 -04:00
alistair3149	2037cf38eb	feat: add print styles	2024-07-14 17:55:13 -04:00
alistair3149	1e5ad6592b	fix: prevent browser from scrolling to the tab before Tabber updates the aria attributes ... Fixes: #161	2024-07-03 17:49:19 -04:00
alistair3149	421c42b6f0	feat: change tab when URL hash matches one of the tabs ... Added an event listener to watch for hash change after the page is loaded. If the hash matches a tabber tab, it will emit a tab click to switch the tab. Closes: #150	2024-07-03 13:26:16 -04:00
alistair3149	d453adde07	fix: URL hash should be escaped when used as selector	2024-07-03 13:09:11 -04:00
alistair3149	ee54cc1bb3	perf: set active tab by hash on builder phase ... Instead of setting first tab as the initial active tab the set the active tab from the URL, just set it from the beginning. This can save a lot of code and makes it more maintainable.	2024-06-23 16:28:29 -04:00
alistair3149	05e95d880d	perf: only attach resize observer for active tabpanel when it is in viewport	2024-06-23 15:38:27 -04:00
alistair3149	72adfbc74e	fix: attach resize observer properly to current active tabpanel ... This should finally fix #137	2024-06-23 15:31:44 -04:00
alistair3149	8a88a43d58	fix: make sure that init functions are run sequentially ... Also fix the bug where the page does not scroll to the active tab on load by href. It was introduced with the commit related to #133. Closes: #148	2024-06-20 14:44:20 -04:00
alistair3149	35ffe555c0	perf: merge activeTabpanel resize observer into the main resizeObserver	2024-06-07 14:53:48 -04:00
alistair3149	a414d2df70	perf: only use one resizeObserver for header overflow	2024-06-07 14:20:41 -04:00
alistair3149	0177715f2b	fix: use resizeObserver on active tabpanel instead	2024-06-06 16:54:31 -04:00
alistair3149	8b39e9e970	fix: refresh Tabber height when it comes into viewport ... Fixes: #137	2024-06-06 15:07:55 -04:00
alistair3149	d150b9e3e9	fix: prepend tabber ID with prefix to avoid conflict with existing header	2024-06-03 13:21:04 -04:00
alistair3149	0904298948	feat: add screen reader text to navigation button	2024-06-02 14:02:34 -04:00
alistair3149	7e921a4a3a	fix: set tabindex -1 on hidden tabs	2024-06-02 14:00:36 -04:00
alistair3149	ac27855dec	feat: add home and end key shortcuts on tablist	2024-06-02 13:53:44 -04:00
alistair3149	20e88b8b5a	fix: incorrect tab colors	2024-06-02 13:53:44 -04:00
alistair3149	def11349b1	fix: do not unobserve tabber	2024-05-26 22:29:20 -04:00
alistair3149	dfff2946c1	refactor: use CSS variables	2024-05-26 21:54:52 -04:00
alistair3149	2819ba83a9	perf: detach event listeners when not needed	2024-05-26 21:54:17 -04:00
alistair3149	783199016d	refactor: remove unnessecary styles	2024-05-26 17:17:26 -04:00
alistair3149	032aef7989	fix: do not use passive scroll event listener for tab header ... The buttons and indicator are all depending on it	2024-05-25 23:00:06 -04:00
alistair3149	476af1352b	refactor: separate classes into other files	2024-05-25 16:38:57 -04:00
alistair3149	bbde0ae7bd	feat: add keyboard navigation to tabs	2024-05-25 16:20:59 -04:00
alistair3149	78a987d7c1	refactor: drop spread syntax for iterating nodeList	2024-05-25 15:40:10 -04:00
alistair3149	9162321c3c	feat: avoid layout shift in init	2024-05-25 15:29:56 -04:00
alistair3149	b4b66b8172	feat: improve handling of animation	2024-05-25 15:27:47 -04:00
alistair3149	a66f6e604f	feat: use skeleton screen as transclude load animation	2024-05-25 03:40:39 -04:00
alistair3149	0a3b30504d	fix: incorrect selector for hiding tabpanel in init	2024-05-25 03:07:49 -04:00
alistair3149	8d410dfb49	refactor: use init module instead of inline style for skeleton screen	2024-05-25 03:02:18 -04:00
alistair3149	6ad24645e9	feat: use button elements instead of div for header navigations	2024-05-25 02:42:22 -04:00
alistair3149	6d09429849	fix: attach tabber--live class after tabber has finished init	2024-05-25 00:42:40 -04:00
alistair3149	bb110c6d98	feat: rewrite Javascript implementation ... To ensure easier development and maintenance, IE support is dropped to allow modern Javascript features. The old tabber module is rewritten into newer standard and using classes to ensure proper scoping.	2024-05-25 00:33:22 -04:00
alistair3149	177c67681e	refactor: use data-mw- prefix for data attribute	2024-05-23 22:05:28 -04:00
alistair3149	7c760e9593	refactor: make some function reusuable ... Plus various improvements and docs	2024-05-23 21:57:55 -04:00
alistair3149	7b1c319e24	feat: allow tab name to be parsed ... This is an experimental config and can lead to performance issue and unexpected behavior. Closes: #35	2024-04-24 15:13:08 -04:00
alistair3149	6e67dd2abb	fix: deprecate mobile target ... Closes: #120	2024-04-24 14:04:06 -04:00
github-actions	fcc47b044f	ci: 👷 lint code to MediaWiki standards ... Check commit and GitHub actions for more details	2024-04-24 18:01:30 +00:00
alistair3149	99413c7854	fix: always round scrollLeft ... Hopefully that will fix all the subpixel-related issues. Closes: #124, #81	2024-04-24 14:01:16 -04:00
alistair3149	f82b5555f6	refactor: remove unused method	2023-08-31 15:36:20 -04:00
alistair3149	ca4df6d884	refactor: remove console log	2023-08-31 15:35:44 -04:00
alistair3149	5a2735121f	feat: use wikipage.content hook to init scripts	2023-08-31 15:35:22 -04:00
alistair3149	576918d32e	refactor: simplify header buttons implementation	2023-07-28 17:46:58 -04:00
alistair3149	420754d185	refactor: use one event listener for all tabs ... TIL about event delegation	2023-07-28 17:18:15 -04:00
alistair3149	7c95e570a8	fix: aria-hidden return string instead of boolean	2023-07-28 03:27:42 -04:00