[🐞] - <Link> component prevent <a> tag from being used.

[Jezda1337]

Which component is affected?

Qwik City (routing)

Describe the bug

I was about to make a simple website using the built-in Link component and I was trying to implement a simple button with a hash scroll element feature (<a href="#something">something</a>). But I found the bug when you used both the <Link> component and <a> tag in the project, which cause some problems for <a> tag.

The normal behavior of <a> tag is to reload the whole page if you pass the href="/about" attribute, but should not reload the page when you pass hash(id) like <a href="#something">...), well while using both <Link> and <a> this bug happened.

The real example you have in the link below: https://stackblitz.com/edit/qwik-starter-3bfgwg?file=src/components/header/header.tsx

Reproduction

https://stackblitz.com/edit/qwik-starter-3bfgwg?file=src/components/header/header.tsx

Steps to reproduce

No response

System Info

System:
    OS: macOS 13.0.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 81.91 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.9.1 - ~/.nvm/versions/node/v18.9.1/bin/node
    npm: 8.19.1 - ~/.nvm/versions/node/v18.9.1/bin/npm
  Browsers:
    Brave Browser: 108.1.46.144
    Chrome: 108.0.5359.124
    Firefox: 108.0.1
    Safari: 16.1

Additional Information

No response

[bolt-new-by-stackblitz[bot]]

Start a new pull request in StackBlitz Codeflow.

• qwik-starter-3bfgwg (Open reproduction)

[manucorporat]

Should be fixed in the latest release!