I've experimented a lot with unlimited height and wrapped notebook and note titles, however while notebooks aren't much of a problem, there is some JavaScript interference going on when it comes to the note list.
For example, with the code presented in this topic, it becomes impossible to scroll down a long note list that shows a scroll bar. No matter how much you try to scroll down, the list will keep moving back to the top. I've experienced the exact same problem with my own CSS as well.
Another issue that I've had with a different approach was that while the note list itself was scrollable, its bottom part would become unavailable, which resulted in the list using only part of the screen. Lastly, with my final approach, the note list appeared to be working properly, however the very last note would become invisible until the arrow down key was pressed on the keyboard to move to it.
Overall, I've personally given up on this one. It would still be great if someone came up with a bulletproof solution, but I'm assuming that CSS alone won't be enough. The underlying JS likely needs to be tweaked to allow note automatic height which currently doesn't appear to be the case.
1 Like