@madj2k/fe-frontend-kit 2.0.18 → 2.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madj2k/fe-frontend-kit",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "description": "Shared frontend utilities, menus and mixins for projects",
 	"main": "index.js",
 	"style": "index.scss",

package/readme.md

@@ -168,7 +168,7 @@ Init with available options:
 import { Madj2kScrolling } from '@madj2k/frontend-kit/tools/scrolling';
 const scrolling = new Madj2kScrolling({
     anchorScrolling: {
-      selector: ['a[href^="#"]'],
+      selector: ['a[href^="#"]', 'a[href*="#"]'],
       offsetSelector: null,
       disableSelector: '.js-no-scroll',
       collapsibleSelector: ['.collapse'],

package/tools/scrolling/scrolling-2.0.js

@@ -12,7 +12,7 @@
  *
  * @author Steffen Kroggel <developer@steffenkroggel.de>
  * @copyright 2025 Steffen Kroggel
- * @version 2.0.2
+ * @version 2.0.4
  * @license GNU General Public License v3.0
  * @see https://www.gnu.org/licenses/gpl-3.0.en.html
  *
@@ -24,7 +24,7 @@
  * // Initialize with custom config
  * const scrolling = new Madj2kScrolling({
  *     anchorScrolling: {
- *       selector: ['a[href*="#"]'],
+ *       selector: ['a[href^="#"]', 'a[href*="#"]'],
  *       offsetSelector: null,
  *       disableSelector: '.js-no-scroll',
  *       collapsibleSelector: ['.collapse'],
@@ -73,7 +73,7 @@
 class Madj2kScrolling {
   config = {
     anchorScrolling: {
-      selector: ['a[href*="#"]'],
+      selector: ['a[href^="#"]', 'a[href*="#"]'],
       offsetSelector: null,
       disableSelector: '.js-no-scroll',
       collapsibleSelector: ['.collapse'],
@@ -235,17 +235,12 @@ class Madj2kScrolling {
       const href = event.currentTarget.getAttribute('href');
       if (!href) return;
 
-      // check if link is to the same page - with or without path
-      const [linkPath, hash] = href.split('#');
-      const currentUrl = window.location.origin + window.location.pathname;
-      const isSamePage = (
-        href.startsWith('#') ||
-        (window.location.origin + linkPath) === currentUrl
-      );
+      const url = new URL(href, window.location.origin); // also converts relative URLs correctly
+      const isSamePage = (url.pathname === window.location.pathname || href.startsWith("#"));
 
-      if (isSamePage && hash) {
+      if (isSamePage && url.hash) {
         event.preventDefault();
-        const anchor = document.getElementById(hash);
+        const anchor = document.getElementById(url.hash.substring(1));
         if (anchor) scrollToElement(anchor);
       }
     };