Веб, вики: длинные названия в дереве страниц налезают на соседние строки #133

Closed
opened 2026-10-27 16:59:04 +03:00 by aep · 1 comment
Owner

Что видно

В дереве страниц модуля wiki (/wiki) название, которое не помещается в одну строку, переносится, но вторая строка рисуется поверх следующего узла. Пример из AWPCA:

  • «6. Справочник "Группы компаний и организации"» — вторая строка («и организации"») перекрыта первой строкой дочернего узла
  • «Справочник «Группы компаний и организации»_обновление от 22.10.2026» — сам налезает на строку ниже

Ожидается: строка дерева растёт по высоте под перенесённый текст, узлы не перекрываются.

Вероятная причина (не проверено)

Заголовок становится многострочным, а элемент дерева фактически зафиксирован по высоте в одну строку.

Явного height в коде нет — фиксация получается через flex (web/src/modules/wiki/wiki.css): .wiki-tree — flex-колонка с max-height:70vh; overflow:auto, а у .wiki-tree__item только min-height:var(--control-h) (32px) без flex-shrink:0. Когда узлов больше, чем помещается в 70vh, flex сжимает каждый элемент до min-height, и перенесённый текст выходит за его границы (overflow по умолчанию visible).

Вероятный фикс — flex:none (или flex-shrink:0) у .wiki-tree__item, чтобы высота строки следовала за текстом; проверить тестом на длинное название при переполненном дереве.

Статус

Пока не правим — заведено, чтобы не потерять.

## Что видно В дереве страниц модуля `wiki` (`/wiki`) название, которое не помещается в одну строку, переносится, но вторая строка рисуется поверх следующего узла. Пример из AWPCA: - «6. Справочник "Группы компаний и организации"» — вторая строка («и организации"») перекрыта первой строкой дочернего узла - «Справочник «Группы компаний и организации»_обновление от 22.10.2026» — сам налезает на строку ниже Ожидается: строка дерева растёт по высоте под перенесённый текст, узлы не перекрываются. ## Вероятная причина (не проверено) Заголовок становится многострочным, а элемент дерева фактически зафиксирован по высоте в одну строку. Явного `height` в коде нет — фиксация получается через flex (`web/src/modules/wiki/wiki.css`): `.wiki-tree` — flex-колонка с `max-height:70vh; overflow:auto`, а у `.wiki-tree__item` только `min-height:var(--control-h)` (32px) без `flex-shrink:0`. Когда узлов больше, чем помещается в 70vh, flex сжимает каждый элемент до `min-height`, и перенесённый текст выходит за его границы (`overflow` по умолчанию visible). Вероятный фикс — `flex:none` (или `flex-shrink:0`) у `.wiki-tree__item`, чтобы высота строки следовала за текстом; проверить тестом на длинное название при переполненном дереве. ## Статус Пока не правим — заведено, чтобы не потерять.
aep closed this issue 2026-10-27 18:05:46 +03:00
Author
Owner

Исправлено в PR #134 (merge b0bb233): у строк дерева flex:none — высота следует за текстом заголовка.

Исправлено в PR #134 (merge b0bb233): у строк дерева flex:none — высота следует за текстом заголовка.
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: aep/sdlc-hub#133
No description provided.