[UX] The progress bar is hidden after the page automatically scrolls to show the current question at the top

[natalia-muzyka]

Steps to reproduce

1. Open a site https://web-staging.mindlogger.org/
2. Log in: geria2.test@gmail.com // McgzF127
3. Proceed to any activity with at least 3 items that contain header images or with more than 10 items: applet webapp test / activity checkbox
4. Select any responses until the page automatically scrolled (current question stuck at the top)
5. Pay attention to the screen
6. Take an assessment on the mobile device.
7. Observe the result.

Actual result The progress bar is hidden after the page automatically scrolls to show the current question at the top. On the mobile device, the progress bar is hidden as well. It is displayed on the very top of the page, above all the activities progress bars which is also unclear for the user.

Expected result The progress bar is visible every time so the user can see his/her progress.

Video: https://www.screencast.com/t/whchpomwzt https://www.screencast.com/t/cJQoPhyMu

Environment https://web-staging.mindlogger.org/ Win 10 // Chrome 94.0.4606.61 macOS 11.0 // Safari 14.0.1 iPhone SE (2020) // iOS 14.2 // Safari Samsung Galaxy S7 SM-G930FD // Android 8.0 // 94.0.4606.61 geria2.test@gmail.com // McgzF127 applet webapp test / activity checkbox

[natalia-muzyka]

Still reproducible: https://www.screencast.com/t/CeU8MEIK

Environment https://web-staging.mindlogger.org/ Win 10 // Chrome 101.0.4951.41