Option to truncate the number of chips displayed.

[JJSLIoT]

Feature request:
Option to truncate the number of chips displayed. And then display a "+x" text after the max number of chips is exhausted(similar to how Gmail does for email chips).

Currently, there is no limit on the number of selected items displayed, so it becomes a bit inconvenient for the user, because, the drop-down's height keeps on changing on each item select/unselect.

Having the option to truncate the max number of selected elements would be great!

[hoaphantn7604]

hi @JairajJangleSLIOT ,
I'm working on it.

[hoaphantn7604]

Hi @JairajJangleSLIOT ,

You can use props "minHeight" customize min height for list container and "maxHeight" customize max height for list container.

Example:

   <Dropdown 
      {...}
      minHeight={200}
      maxHeight={200}
   />

[JJSLIoT]

Hi @hoaphantn7604, I will try this, but will this allow me to truncate the number of chips like in Gmail app?

[JJSLIoT]

@hoaphantn7604 setting the minHeight and maxHeight parameters as described does not truncate the number of chips, the chips keeps on adding and so the drop down keeps on shifting below as the number of selected chips grow.

[hoaphantn7604]

hi @JairajJangleSLIOT ,
You can use Lazy load in this dropdown. Ex: https://github.com/hoaphantn7604/react-native-element-dropdown/blob/master/example/src/dropdown/DropdownLazyLoad.tsx