Broke the HUD tutorial by navigating back and fourth with the green buttons.

[adjenks]

Describe the bug
Navigating back and fourth in the tutorial seems to have broke it.

To Reproduce
Steps to reproduce the behavior:

1. I clicked the previous and next buttons a few times to read some things again, then all the buttons stopped working and I couldn't proceed past the "Alert Notifications" page.
2. Try to click the alert button or the next button, nothing works.
3. Restarting the tutorial allowed me to click the alert test button and proceed past the stuck page.

Expected behavior
Proceed past "Alert Notifications" page.

Screenshots

Software versions

• ZAP: 2.10.0
• Add-on: Windows webdrivers
• OS: Win 10
• Java: openjdk 11.0.11
• Browser: Firefox 91.0

Errors from the zap.log file
No errors reported in log.

Additional context

Would you like to help fix this issue?

[thc202]

Transferred to the HUD repo.

[adjenks]

I do have to say though, this tutorial is really well made... Good stuff.

[adjenks]

Also, the HUD has a large transparent area on this page for some reason. It blocked my ability to copy the comments on the comments part of the tutorial. Normally you can click them or mouseover to view them, but this transparent covering got in the way.

It's due to the iframe being as big as it is. I guess that's hard to avoid, the only thing you could do is give the iframe a semi-opaque color so that you know it's there. Like this maybe:

Actually, it resizes, but I have no idea what controls the resizing. It's sort of annoying if it randomly takes up a bunch of space it doesn't need. On this page it's smaller for some reason: