The field clearing function is optional.
When hovering over a tag, a tooltip with the full value is displayed (it is better to use it only for tags that do not fit the entire value).
If more than 50% (but at least 160px) of the input is occupied by tags, then when the field is focused by the cursor, all tags collapse into one with the inscription “Selected: N”, where N is the number of selected elements from the list. This tag is not limited in length, the text in it is displayed in full, without truncation. When hovering over such a tag, a tooltip with a list of values is displayed. The maximum number of lines in the tooltip is 4; values that did not fit into the tooltip are truncated <...>. If less than 50% of the input is occupied by tags, then the tags are not collapsed on focus.
Deleting such a tag option is custom parameter.
If the entered value does not match the values from the list, we notify the user about this with the text "Nothing found".
Value Order is custom parameter.
Values on the first click can be displayed in such variations as:
— In alphabet order (cities, names, etc.)
— By popularity of user choice (previously selected options)
— By the status of the selected item (active/inactive, approved/not approved, etc.)
For categories with nested elements: the category behaves like a normal element, but takes precedence in the search results:
1: letter in category name + letter in item/-items names
2: letter in category name only
3: letter in item/-items names only
Order - Priority from first letter to last letter.
This component inherits the behavior of all already existing components that are part of it.