Unexpected Auto-capitalization behavior with Combo box

[SkylerLutz]

Description

The country names in this example are auto-capitalized. Is there a way to disable the auto-capitalization behavior? Thanks

[RivaIvanova]

Hi @SkylerLutz

I have been looking into your question and what I could say is that this behavior is by design and expected, however, the IgxCombo provides the igxComboHeaderItem directive that is used to template the header items for groups in the combo list.

For example, the following code will set a custom template where the header items are displayed in lowercase.

<igx-combo>
    <ng-template igxComboHeaderItem let-item let-key="groupKey">
        <div class="header-item-class">{{ item[key] }}</div>
    </ng-template>
</igx-combo>

.header-item-class {
  text-transform: lowercase;
}

Here could be found a small sample demonstrating this approach.