Есть HTML-страница, разделённая по вертикали на 2 div'а: в левом, как водится, дерево, а в правом - свойства выбранного элемента дерева. Размеры div'ов рассчитываются просто как процент от ширины окна, менять это нельзя.
Поскольку дерево в левом div'е имеет значительную вложенность и порой длинные названия элементов, хотелось бы какой-то скролл по горизонтали, но скролл максимально интеллектуальный. То есть, например, тупо браузерный скролл в данном случае не подходит.
В идеале должно быть так: если пользователь выбирает в дереве элемент, который «не умещается» по горизонтали, всё дерево уезжает влево так, чтобы выбранный элемент был возможно правее и его текст отображался наиболее полно: если текст больше вообще ширины родительского div'а, то элемент отображается частично, начинаясь в крайней левой позиции, если же длина текста меньше ширины div'а, то текст отображается полностью, «прижимаясь» к правому краю.
В целом наверное с любыми деревьями горизонтальный скроллинг - это потенциально неисчерпаемый источник проблем, особенно с учётом распространённости мобильных браузеров с крохотными viewport'ами.
Интересно, как проблема горизонтального скроллинга решается в jsTree (плагин grid может как-то помочь?), ну и в принципе - как с этим борются в других движках для отрисовки деревьев на JS. Может быть, есть движок, который «делает это» существенно лучше, чем jsTree?
Спасибо!