search

IgniteUI / ignite-ui

Ignite UI for jQuery by Infragistics
https://bit.ly/2kuu1fT
Other
477 stars 83 forks source link

igCombo - visibleItemsCount does not work properly if dataSource contains both half-width and full-width characters. #2119

Closed mkamiishi closed 3 years ago

mkamiishi commented 3 years ago

Description

visibleItemsCount does not work properly if dataSource contains both half-width and full-width characters. IE works as expected.

Steps to reproduce

  1. Run the attached sample in Chrome.
  2. Open the drop down.

Result

9 items are visible.

Expected result

10 items are visible.

Attachments

sample.zip

hanastasov commented 3 years ago

The bug fix sets a fixed height for the list item container, so that the character in the value does not change this height. If the dev wants a different height, it should be set with css this way:

    <style>
    .ui-igcombo-listitemholder .ui-igcombo-listitem {
        height: 2.5rem;
    }
    </style>
Volen99 commented 2 years ago

The fix for this issue has been removed in this PR. To use a fix for this one, please use the solution of the above comment :)

The bug fix sets a fixed height for the list item container, so that the character in the value does not change this height. If the dev wants a different height, it should be set with css this way:

  <style>
  .ui-igcombo-listitemholder .ui-igcombo-listitem {
      height: 2.5rem;
  }
  </style>

Please note that 2.5rem; is just a random number and you can safety change it for your specific use case.