How to ignore <a> fragments?

Question

How to ignore <a> fragments?

tyteen4a03 opened this issue 5 years ago · 7 comments

How do I instruct yrv to ignore anchor fragments?

Answer 1 · 2020-04-19T23:56:52.000Z

I don't get you, can you provide an example? Thank you!

Answer 2 · 2020-04-20T00:19:07.000Z

<a id="top"> and clicking on <a href="#top"> does not work since yrv takes over trying to route it when it should be going to the #top.

Answer 3 · 2020-04-20T00:32:09.000Z

Oh gotcha! Do you think is fine to ignore all anchors except those starting with #/ instead? 🤔

Answer 4 · 2020-04-20T20:31:00.000Z

Maybe have it configurable so that when using the history API it ignores all fragments.

I don't plan on using hash and not allowing / is technically breaking the rules but eh.

Answer 5 · 2020-06-03T22:16:32.000Z

Any progress on this issue? :)

Answer 6 · 2020-06-07T06:10:35.000Z

Hi, the only way I found to detect these kind of events is through e.isTrusted — so, when true seems to be from regular anchor elements.

Otherwise I'm not able to found a way to differentiate because e does not include the element that originated the navigation change.

Update: seems like the same event is fired whenever the user clicks on back/fwd buttons, so is not suitable the isTrusted way — do you have in mind a way to differentiate between anchors and router links?

What do you think?

Answer 7 · 2021-02-25T23:20:26.000Z

I think a new issue would fit better, if I understood, we could add a particular attribute on those links we want to ignore, right?