enhancement
(User-visible)
Some of the configuration dialogs (Select fields) have complex configuration options where the name alone does not make it clear what the option means. Here, similar to the context-sensitive completion in the TL Script Editor, a context-sensitive help window (tooltip) should appear next to the list of options if context-sensitive help is available for an option.
Furthermore, during development, it was decided that the new drop-down menu created here should replace the old “Select” field.
Therefore, multiple selection (multiselection) should also be supported, for which parts of the features from Ticket #27331 are being implemented here.
If the drop-down menu allows multiple selections, an option should appear as a so-called “tag” when selected, which can be removed.
Initial Concept:
Improvement
In most places where SelectControls were previously used, the new DropDownControl should now appear.
Depending on available space, the drop-down list should open upward or downward, but primarily downward. If there is insufficient space, the list should be scrollable.
When opened, the chevron changes direction to point toward the opening.
If you select an item using the keyboard or hover the mouse over it, a tooltip with more detailed information—if available—is displayed. The tooltip is displayed to the right or left of the list depending on available space, but preferably on the right. A small arrow on the tooltip points to the corresponding item in the list.
If the tooltip’s content expands vertically to the point where it exceeds the available space, the tooltip becomes scrollable instead.
Text can also be selected and copied within the tooltip.
When performing actions outside the list (clicking, scrolling), or selecting an item from the list, the list closes.
When an item is selected, the text in the drop-down changes to reflect the selected item.
'''Exception: '''Multi-selection. That is, if the dropdown allows the selection of multiple items, the text remains unchanged. Instead, a so-called tag is created that represents the item and can be removed using an X button.
Items that have been selected and are visible as tags no longer appear in the dropdown list.
The dropdown list can be navigated using the keyboard. To do this, you can use the up and down arrow keys, Page Up and Page Down, Home and End, as well as Enter and Escape. Navigation also works when the list is still closed and the focus is on the dropdown.
There is also a search field that appears at the top when the list opens downward and at the bottom when it opens upward as soon as a character is entered. The list is then filtered, with the entered character combination searched for at every position within an item. Upper- and lowercase letters are not distinguished.
The list remains navigable via keyboard and mouse during the search.
Test
A demonstration of the new drop-down’s features can be found in the technical demo. To access it, select the Layout Framework!#1 tab in the technical demo, then select the Forms tab on the second line; you’ll be in the correct tab on the third line when Form Controls (inline) is selected. Now scroll down in “All Simple Form Controls ” until you reach the “Checkboxes” section. In this section, the drop-down is located directly before the first subsection, “selectionControlGroup.”
In addition, the new drop-down should be available wherever a standard select element was previously used. For example, in the model-based search.
Testing must be done by trial and error.