toystars / react-native-multiple-select

Simple multi-select component for react-native
MIT License
567 stars 315 forks source link

Toggle Button Issue #78

Open luisggc opened 6 years ago

luisggc commented 6 years ago

Issue summary

DropDown does not always shows when you click on ToggleButton (arrow-down ou arrow-right). But when you click multiple random times it works. It is happening both iOS and Android.

Library versions

"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-native-multiple-select": "^0.4.4",

Steps to Reproduce

  1. Click on the right arrow: image
  2. it doesn't always works and sometimes the button keeps the opacity image
  3. When it keeps the opacity, you can focus another inputText and the DropDown is toggled

Expected Behavior

DropDown always toggling when the arrow button is pressed.

Actual Behavior

DropDown toggles or not in unexpected ways when you press the arrow button

Reproducible Code

<SelectMultiple items={options} uniqueKey={"id"} ref={component => { this.multiSelect = component; }} onSelectedItemsChange={(values) => this.formChange(key,values)} selectedItems={value} selectText="Selecione uma ou várias opções" searchInputPlaceholderText="Digite o item a ser pesquisado..." tagRemoveIconColor="#CCC" tagBorderColor="#CCC" tagTextColor="#CCC" displayKey="name" submitButtonColor="#CCC" submitButtonText="Submit" canAddItems={true} onAddItem={(value) => this.addOptions(key,value)} hideSubmitButton={true} />

jpdesignerrio commented 6 years ago

How can I start the component already expanded rather than shrunk/collapsed?