Skip to content

Bug: Header in online web tutorial redirects to start #178

@GPFE

Description

@GPFE

Current Behavior

I've found a new issue with online tutorials. The hashtag (link to an HTML anchor) when clicked redirects to the beginning of the tutorial since each step is created as anchors instead of having its own page.

2025-05-30.14-36-22.mp4

Image

Expected Behavior

The solution is either to do more work and make each step of the tutorial a single page or just to disable this behavior since these tutorial are small and the anchor isn't needed (although it may be in the future).

Steps to Reproduce

Checkout the video I linked or go to any tutorial like https://pixijs.com/8.x/tutorials/choo-choo-train#7. #7 indicates current step (individual part of that tutorial) if you click on any hashtags next to each heading the anchor changes to #heading_name. This causes annoyance for me and all new users since it resets the whole tutorial to the first step.

Environment

  • pixi.js version: e.g. 7.1.0
  • Browser & Version: e.g. Chrome 108
  • OS & Version: e.g. Ubuntu 22.04
  • Running Example: e.g. https://pixiplayground.com/
  • It is reproducible with any browser.

Possible Solution

  1. Remove or temporary disable the anchor since in this short tutorials it isn't needed.
  2. Correct the behavior by creating sub-pages for each step or saving progress differently.

Additional Information

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions