From f99e5e1ee13663a8608d8cecd4203d85ae10d6b0 Mon Sep 17 00:00:00 2001
From: Antoine Quatrelivre <antoine@studiometa.fr>
Date: Thu, 21 Mar 2024 16:14:08 +0100
Subject: [PATCH] Add the hashCloak option to AnchorScrollTo

---
 .../ui/atoms/AnchorScrollTo/AnchorScrollTo.ts  | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts b/packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts
index 0c971e64..9bde4447 100644
--- a/packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts
+++ b/packages/ui/atoms/AnchorScrollTo/AnchorScrollTo.ts
@@ -12,6 +12,9 @@ export interface AnchorScrollToProps extends BaseProps {
 export class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<AnchorScrollToProps & T> {
   static config: BaseConfig = {
     name: 'AnchorScrollTo',
+    options: {
+      hashCloak: Boolean,
+    },
   };
 
   /**
@@ -27,10 +30,21 @@ export class AnchorScrollTo<T extends BaseProps = BaseProps> extends Base<Anchor
    * @param   {MouseEvent} event
    * @returns {void}
    */
-  onClick(event) {
+  async onClick(event) {
+    const target = document.querySelector(this.targetSelector) as HTMLElement;
+    if (!target) {
+      return;
+    }
+
     try {
-      scrollTo(this.targetSelector);
       event.preventDefault();
+      await scrollTo(target);
+
+      if (this.$options.hashCloak) {
+        return;
+      }
+
+      window.location.hash = this.targetSelector;
     } catch {
       // Silence is golden.
     }