Feature Request: igxSelect Component

[IvayloG]

Description

Create a simplified version of the IgxCombo a.k.a “Single Select” component that comes without the multi-selection checkboxes.

• This is to be considered as clients feature request.
  For reference: https://www.infragistics.com/community/forums/f/ignite-ui-for-angular/119230/how-do-i-mimic-a-select-element

[grosch]

Please! The igx-combo is awesome, except for the fact it requires multi-select. Doing a multi is a much less common scenario than doing a single select. For example I want to pick which state you're in, or who the ticket is assigned to, or any other of a myriad of ways in which a single-select is used.

I think the fact that HTML comes with a tag where the default is single select also says that it's the more common and needed resource. I know we can build one out ourselves, and I see you did so in your financial application example, but it should just be an option on igx-combo. I don't even care if the default is multi-select as long as I can add a [multi]="false" type option.

[kdinev]

@IvayloG @grosch The component, that is supposed to handle the HTML select-like behavior, is the igx-dropdown. The team is adding a sample, which covers the igx-dropdown being bound to an input, with placeholder, title and label. I will update with a link to the sample to verify if the sample is satisfactory for the requirements described in the forum thread linked above.

[grosch]

@kdinev That would be wonderful. How are you coming with that sample?

[kdinev]

It's now the first sample of the drop down right here: https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop_down.html

[grosch]

@kdinev Thanks for that. I'm seeing an issue though that it only works as long as your list of items is less than the height of the screen. How can I tell it to only show X number of items and then scroll if there are more?

[kdinev]

@grosch You can't control the number of items in the view through an input, but you can set height to the drop down according to the number of items you want displayed.

On Friday, we got together to discuss two new components, that we're going to introduce as a intermediate form component between the drop down and the combo - IgxSelect, and IgxAutoComplete. Both you be planned for release in the next milestone - end of February. The IgxSelect would be an alternative to the native select element, but it's size would also be controlled by the height of the drop down, rather than number of elements to display. I can keep you posted on the progress of these two and provide links to the specifications once they are made available on our wiki. @Lipata @bazal4o @damyanpetev

[bazal4o]

The initial spec is available here: igxSelect Specification.

[grosch]

@bazal4o Are you saying that if there are 10 items in the list, and the 3rd one was previously selected, and I click on the dropdown, then I'm going to see two items above the select box and 7 items below the select box? That would be strange behavior as it's different from how a normal works. In regards to the height of the selection...that's going to be a bad looking UI. If I have to specify a height, and I randomly pick 47, and 47 happens to be enough to hold 7 items, but I only have 3 in the list, I have a huge chuck of whitespace showing on the dropdown. It would be a much more usable component if I were able to specify the maximum number of items to be displayed. If there are more than that, then it scrolls. If there are less, then the height of the dropdown shrinks to contain just what's there. Thanks for your consideration of this feedback :)

[grosch]

Is there an ETA for release of this to production?

[bazal4o]

It will be included into the next major release (7.2.0). The release should be out the door at the end of February. Expect beta packages available by the end of the next week.