aleph.js icon indicating copy to clipboard operation
aleph.js copied to clipboard

anchor tag to href="/" is broken

Open itsgoofer opened this issue 3 years ago • 0 comments
trafficstars

I have just created a project and I added an about.tsx page to test things out. So far in the about page I only have this code:

import React from 'https://esm.sh/react'


export default function About() {
	return (
		<>
		<head>
			<title>About</title>
		</head>
		<h1>about page here!</h1>

		<a href="/">go to home</a>
		</>
	)
}

Somehow, by just hovering over the go to home link, the page styling changes, everything and moves to the centre of the screen. Taking a look at the inspector, I see that whenever I hover over that link, the main.css file (originally included in index.tsx) gets loaded in lazily.

This happens only if href is set to /.

Any ideas?

itsgoofer avatar Apr 03 '22 13:04 itsgoofer