Custom Header Links: links reload Discourse

Product Support

AI-generated summary

Users are experiencing issues with Custom Header Links in Discourse, where clicking on a link causes a full page reload instead of a smooth transition. jack2 reported this issue and observed that the <a> tags in their production instance have a data-auto-route="true" attribute, which is not present in their development instance. A possible solution was proposed by syl through a forked plugin, but Stephen advised against using a forked plugin. The issue has since been fixed in the official component as reported by Johani, and internal links will no longer cause a full page reload.

1

I’m using the Custom Header Links component and I’m getting this strange behavior:

  • In my prod instance, clicking a header link reloads Discourse entirely to the target page.
  • In my dev instance (without docker), clicking a header link transitions smoothly to the target page without reloading Discourse.

I noticed that:

  • In my prod instance, <a> tags have a data-auto-route="true" attribute.
  • In my dev instance, <a> tags don’t have this attribute.

It seems the same kind of problem happened in the past (see here), before the official header components were released.

2

I created a fork to fix this issue: GitHub - sylque/discourse-custom-header-links2: Same as the official discourse-custom-header-links, but with links moved to the hamburger menu instead of being hidden · GitHub.

3

Reverting the change from @j.jaffeux breaks internal links in a different way. I wouldn’t use a forked plugin - it just means when this gets fixed for real you won’t receive the changes automatically.

The commit in question:

https://github.com/discourse/discourse-custom-header-links/commit/bfda9d3b50bd8e027024b62aa0b7e68611248073

4

Any ideas @j.jaffeux?

5

This is fixed in the official component, internal links will no longer cause a full page reload.

Thanks for reporting the issue @jack2 :+1: