search

OneZoom / tours

scripts for populating the OneZoom database with tour data
0 stars 1 forks source link

Text "reveal" can cause confusing jumps #5

Open hyanwong opened 2 months ago

hyanwong commented 2 months ago

In several places on our existing tours, we have a para of text that then gets expanded by adding another para (examples below). This causes a confusing jump in the window position, and it's unclear if you need to read the text again.

I suggest that it's worth having the initial stop containing all the content, but with the "hidden" sections marked with the css style "visibility: hidden", so that the space is reserved for them. Then we switch to "visibility: visible" to continue, so that there's no jump when the reveal happens.

Screenshot 2024-04-17 at 12 44 01

then

Screenshot 2024-04-17 at 12 44 38

Or

Screenshot 2024-04-17 at 12 45 32

Then

Screenshot 2024-04-17 at 12 45 59
lentinj commented 2 months ago

the "hidden" sections marked with the css style "visibility: hidden", so that the space is reserved for them

This was very much intentional, so you can see the flight. See https://github.com/OneZoom/OZtree/issues/732

(not saying I disagree with you, mind. I don't like the buttons jumping about on the page, but it's probably a necessary evil)

hyanwong commented 2 months ago

Ah yes, I can see that's an issue.

The ideal solution would be to position the top of the window as if the full content was there, so that when it expands it does so downwards (making the window longer). But I have a feeling that would be very difficult to accomplish.