Re: Proper Implementation for a Filter Control

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

Hi,
    Please also check if <datalist> would meet your requirement.

Thank you,
Ashraf


On Thu, Jan 28, 2021 at 1:07 AM Batusic, Mario <mario.batusic@fabasoft.com>
wrote:

> Hello All,
>
> Can somebody help me by pointing to an example for the proper
> implementation for a filter widget or by an exact explanation how to do it?
> Thanks in advance.
>
> Widget features:
> Over a list of object classes to choose from during creating a new object
> instance (MS Word, Calendar, Contact and meny more) there is an input field
> where you can filter the list. This input - widget has two features:
> 1. When empty it is possible to click in or to press Down Arrow or Alt +
> Down Arrow to open a list of standard suggestions.
> 2. During typing in the input field the list of object classes is
> automatically filtered. To this time is the suggestion list not available.
>
> Questions:
> 1. Which role for the input will be the correct one: textbox or combobox
> (or something else)?
> 2. How to visualize that there are suggestions available for people who
> use keyboard only? According to the position of the filtering input widget
> directly above the list of object classes to choose from and because the
> focus is initially set into this field, the suggestion list is not shown
> automatically. This would overlap a big part of the list.
>
> Thanks again in advance for your help.
>
> Ciao     Mario
>
>