next/link treats initial dot incorrectly

[OZZlE]

Run next info (available from version 12.0.8 and up)

Operating System:
  Platform: Windows
  Arch: x64
  Version: Windows 10 Enterprise
Binaries:
  Node: 16.0.0
  npm: 7.10.0
  Yarn: N/A
  pnpm: N/A
Relevant packages:
  next: 12.0.7
  react: 17.0.2
  react-dom: 17.0.2

What version of Next.js are you using?

12.0.7

What version of Node.js are you using?

16.0.0

What browser are you using?

Chrome

What operating system are you using?

Windows 10

How are you deploying your application?

Only local project for now

Describe the Bug

At a page like https://www.example.com/suburl/

Using standard html syntax to link to a sub path <Link href="./path/"><a href="./path/">a</a></Link> next/link sends the user to the wrong url: example.com/path/ - it skips the dot which should be the current path.

Seems like it should be supported based on: #614

Expected Behavior

The link should lead to: https://www.example.com/suburl/path/ .

If you disable js in the browser you get the correct native bahavior of course.

To Reproduce

At a page like https://www.example.com/suburl/

next.config.mjs:

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
    trailingSlash: true,
}
export default nextConfig

In a component:

<Link href="./path/">
  <a>link</a>
</Link>

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.