Handle clicks of A tags with child elements

package.json

@@ -41,5 +41,5 @@
     "test": "karma start --single-run",
     "watch": "karma start"
   },
-  "version": "1.0.4"
+  "version": "1.0.5"
 }

spec/index.spec.ts

@@ -13,6 +13,7 @@ describe("scrollToFragment", function (this: { history: History }) {
       <a href="other.html#top" id="other" onclick="return false">Other page</a>
       <a href="index.html#bottom10400" id="same" onclick="return false">Same page</a>
       <a href="#bottom10400" id="hashOnly">Hash only</a>
+      <a href="#bottom10400"><span id="spanInA">Nested</span></a>
       `
     );
     history.replaceState(null, null, "index.html");
@@ -81,6 +82,18 @@ describe("scrollToFragment", function (this: { history: History }) {
     });
   });
 
+  describe("clicking an element wrapped by a hash link", () => {
+    beforeEach((done) => {
+      scrollToFragment({ scrollIntoView: () => window.scrollTo(0, 123) });
+      document.getElementById("spanInA").click();
+      wait(done);
+    });
+
+    it("scrolls, overriding the browser default", () => {
+      expect(window.scrollY).toBeCloseTo(123, -1);
+    });
+  });
+
   describe("without a URL hash", () => {
     beforeEach((done) => {
       scrollToFragment();

src/index.ts

@@ -63,16 +63,19 @@ function handleHistoryPush(
 }
 
 function handleDocumentClick(event: Event) {
-  if ((event.target as Node).nodeName !== "A") return;
-
-  const anchor = event.target as HTMLAnchorElement;
-  if (anchor.href.indexOf("#") === -1) return;
-
+  const anchor = closestAIncludingSelf(event.target as HTMLElement);
+  if (!anchor || anchor.href.indexOf("#") === -1) return;
   if (anchor.href.replace(/#.*/, "") === location.href.replace(/#.*/, "")) {
     throttle(startObserving);
   }
 }
 
+function closestAIncludingSelf(element?: HTMLElement) {
+  let target = element;
+  while (target && target.nodeName !== "A") target = target.parentElement;
+  return target as HTMLAnchorElement | void;
+}
+
 function handleDomMutation() {
   throttle(adjustScrollPosition);
 }