Toolbar appears on top of practice study board

[adamdougall]

Exact URL of where the bug happened

https://lichess.org/practice/rook-endgames/7th-rank-rook-pawn/MkDViieT/JJjS0WMm

Steps to reproduce the bug

Navigate to study
Scroll down so that the toolbar disappears
Complete the practice study (without scrolling)
Click Next Chapter (without scrolling)

What did you expect to happen?

Toolbar should remain hidden

What happened instead?

The toolbar including menu drop down and username appears on top of the board.
(Upon scrolling, the issue fixes itself)

Operating system

iOS 17.6.1 (21G93)

Browser and version (or alternate access method)

Chrome 132.0.6834.78

Additional information

No response

[johndoknjas]

Can't seem to reproduce. I completed the exercise following those steps and on chrome for ios (recent chrome, older ios), and got the following:

[adamdougall]

I’ve also managed to reproduce it in Safari on mobile iOS.

It’s important to first scroll so that the toolbar showing the username disappears. Upon clicking Next Chapter it should reappear but over the board.

[johndoknjas]

The weird thing is I did that but didn't get the issue (both on chrome and safari). It could be because my iphone is from a few years ago, although I doubt that's the cause.

[adamdougall]

Ok I’ve played around and I don’t get the issue if I scroll so far that some of the board is cut off. That causes the board to reposition itself when the new chapter is loaded and the toolbar appears above it.

It also affects any study and can be triggered by clicking ‘Next Chapter’ or by clicking another chapter in the menu.