Enhancement
(User-visible)
The configuration dialogs (select fields) sometimes have complex configuration options where it is not obvious from the name alone what the option means. Here, similar to the context completion in the TL-Script-Editor, a context help window (tooltip) should appear next to the option list if context help is available for an option.
Furthermore, it was decided during development that the new DropDown created here, should replace the old Select.
Therefore, multiple selection (multiselection) should also be supported, for which parts of the features from ticket #27331 are implemented here.
Thus, if the DropDown allows multiple selection, an option should appear as a so-called tag when selected, which can be removed.
Initial concept:
Improvement
In most places where SelectControl's were used before, the new DropDownControl should now appear.
Depending on space, the DropDown list should open up or down, but primarily down. If there is not enough space, the list should be scrollable.
When opening, the chevron changes to the opening direction.
If you select an item with the keyboard or move the mouse over it, a tooltip with more information is displayed, if it exists. The tooltip is displayed on the right or left side of the list, depending on the space available, but preferably on the right side. A small arrow at the tooltip points to the corresponding item in the list.
If the content of the tooltip would enlarge it vertically so much that the space is exceeded, the tooltip becomes scrollable instead.
Text can also be marked and copied in the tooltip.
For actions outside the list (click, scroll), as well as selecting an item of the list, the list is closed.
If an item is selected, the text of the DropDown changes to the selected item.
'''Exception:'''Multi-Selection. I.e. if the DropDown allows the selection of several items, the text remains. For this purpose, a so-called tag is created that represents the item and can be removed again via 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 with the keyboard. The up and down arrow keys, Page up and Page down, Pos1 and End as well as Enter and Escape can be used for this. The navigation also works when the list is still closed and the focus is on the DropDown.
Furthermore, there is a search box that appears at the top of the list when it opens down and at the bottom when it opens up, as soon as a character is entered. The list is then filtered, searching for the entered character combination at each position of an item. Upper and lower case are irrelevant here.
The list remains navigable by keyboard and mouse during the search.
Test
A demonstration of the features of the new DropDown can be found in the technical demo. To do this, select the Layout-Framework!#1 tab in the technical demo, then select the Forms tab in the second line, and you are in the correct tab in the third line if Form Controls (inline) is selected. Now scroll down in All simple form controls until you reach the Checkboxes section. In this, the DropDown is right before the first subsection selectionControlGroup.
Also, in every place where a normal select was used before, you should find the new DropDown. For example, in the model-based search.
Tests must be performed by trial and error.