Drop down item becomes un-pressable when wrapping in a view with testID

[Jad-Jbara]

I have a large pressable container which contains a dropdown that is wrapped in a view.
The following works completely fine:

<View style={styles.row}>
            <DropDown
              key={`drop_down_${id}_${myStatus}`}
              items={ITEMS}
              open={isOpen}
              setOpen={setOpen}
              onChangeValue={onValueChange}
              style={styles.dropDown}
              containerStyle={styles.dropDownContainer}
              renderListItem={renderListItem}
            />
            ...
        </View>

However the following causes the drop down item not to be pressable and makes the parent's touchable area have precedence (ie the large pressable container)

<View testID='dropdown_container' style={styles.row}>
            <DropDown
              key={`drop_down_${id}_${myStatus}`}
              items={ITEMS}
              open={isOpen}
              setOpen={setOpen}
              onChangeValue={onValueChange}
              style={styles.dropDown}
              containerStyle={styles.dropDownContainer}
              renderListItem={renderListItem}
            />
        </View>

[hossein-zare]

See: #450 (comment) and #376