The current way the story map handles very deep stories is problematic. Running off the right side and expecting people to scroll horizontally this is not ideal. We need a cleaner way to handle this. Possible suggestions: Change the indent per level to half the size if the number story gets too deep. This could be carried on with progressively smaller indents per level as things get deeper, though eventually you couldn't keep doing it. Automatically collapse so that you can't exceed width. When a story gets too deep, the story map automatically collapses after the first couple chapters such that the most recent set stays in the boundaries. If you click to expand the earlier past, auto collapse the later ones. If you want to see everyone then the problem recurs, but at least it's not happening by default leaving you unable to see that a new chapter has been added because it's off the screen. Fold so that width is never exceeded. Has the problem of being visually confusing, since right after the fold chapters will look like early chapters. Have authors designate 'key' chapters to have in the story map by default, fold others. Requires community participation. Change to columnar map style. Vertical scrolling is generally considered more acceptable than horizontal. Least easy fix to implement since it would require recoding the entire story map system. Any other solutions? What do you think of these?
See for example of a particularly bad case: https://chyoa.com/story/Revan-fucks-the-Multiverse.14199/map?chapter=385540
You can resolve this issue by zooming out. In doing so on the linked story, I can see all the way up to the deepest chapter, although the text is slightly blurry. As was mentioned recently in another thread, whether deep story maps are a problem for you largely depends on the size of your monitor - it's not particularly the fault of the site itself. The majority of stories on CHYOA are not especially long or complex, and for them, the current story map is ideal. Reducing the indent size, folding or collapsing chapters, etc. would just reduce visual clarity on most stories.
All of those (except for verticalizing) are for as need. Anything that isn't going off the side can stay as it is currently, Just check the window size and if it's too narrow, then add the adjustment. So you would be checking window.innerWidth, I think (depends on exactly how the storymap is treated in the site code). and comparing it to eh size the story wants to occupy, and if it's smaller you start trying to shrink the story size to make it fit.
