Fold: Misc. fixes and headaches

[mkoskim]

Folding is great feature, but it is also a great headache.

First and foremost: Currently folding is implemented with CSS "magic". When you fold a group, its class becomes "folded", which contains display: none setting in the CSS. But some elements are left visible, like scene headers in folded chapter, and chapter headers in folded act.

Using CSS to implement folding makes it quite fast. Nothing is really removed from the DOM, some things are just not visible, even when they are there.

But this messes up with SlateJS (browser's) cursor movement. You can get lost to hidden elements. Also, if some parts are entirely folded (e.g. scenes without a heading), you can get all sorts of "quirks" when using arrow keys: you may not be able to move to scene to unfold it, or cursor may go to the end of the document. Anything can happen.

So, even thought folding is just crucial feature, there is lots of work and studying to make its implementation fast, convenient and robust.

---

Related issues:

• Word table search messes with folds & unfocused editor #205
• Fold: Fix Alt-Up/Down with folded parts #189
• Fold: Folding breaks numbering #82