Autocomplete

В нижнем колонтитуле можно разместить вспомогательные элементы: кнопки, ссылки, подсказки.

По умолчанию список подстраивается под содержимое и не становится меньше ширины поля или panelMinWidth (по умолчанию 200 px). Это можно изменить атрибутами panelWidth и panelMinWidth:

<!-- По ширине поля, но не меньше panelMinWidth -->
<kbq-autocomplete panelWidth="auto" />

<!-- Точная ширина; panelMinWidth не применяется -->
<kbq-autocomplete [panelWidth]="400" />

<!-- Подходит любое CSS-значение, например сжатие по содержимому -->
<kbq-autocomplete panelWidth="fit-content" />

<!-- Увеличить нижнюю границу по умолчанию -->
<kbq-autocomplete [panelMinWidth]="350" />

<!-- Изменена максимальная ширина раскрывающегося списка -->
<kbq-autocomplete [panelMaxWidth]="800" />

Рост по содержимому останавливается на 640 px. Ограничение мягкое: оно не делает панель меньше ширины поля и не уменьшает явно заданный panelWidth. Изменить его глобально можно токеном --kbq-panel-size-width-max, общим с Select, Tree-select и Dropdown.

Эти же атрибуты работают, когда Autocomplete подключен к полю с тегами: ширина списка считается по всему полю, а не по полю ввода внутри него.

Предложения по улучшению
Если вы нашли ошибку или хотите доработать статью, создайте запрос на GitHub.