Select appears under Modal

[andrewanderson58]

Issue type

I'm submitting a ... (check one with "x")

• [X ] bug report
• [ ] feature request

Issue description

Current behavior: I added a basic Select inside a modal from react-native-modal and when selecting the drop down to show the items nothing appears (symbol turns). If I then close my dialog I can see the select options on the page.

Expected behavior: The select should render on top of the modal. Other input fields do from ui-kitten

Steps to reproduce: Add the following select inside a <Modal></Modal>

          <Select
            data={[{text: 'male'}, {text: 'female'}, {text: 'other'}]}
            selectedOption={gender}
            onSelect={val => console.log(val)}
            tyle={styles.select}
          />

Related code:

insert short code snippets here

Other information:

OS, device, package version

UI Kitten 4.2.0
RN 0.61.1

[artyorsh]

Hi @andrewanderson58 👋 Thanks for report. Can you please share the related code when using Modal? Btw, UI Kitten uses its own Modal implementation, which Select also relies on. Please try using our implementation of Modal and see if it is reproduced.

[28harishkumar]

This bug is still there in latest version

[artyorsh]

@28harishkumar

UI Kitten uses its own Modal implementation, which Select also relies on. Please try using our implementation of Modal and see if it is reproduced.

So can you please provide the related code?

[bsor-dev]

Same here, happens when using react-native Modal

[artyorsh]

@rosnaib11

UI Kitten uses its own Modal implementation, which Select also relies on. Please try using our implementation of Modal and see if it is reproduced.

[msvargas]

I fixed wrapping ModalPanel with React Native Modal

example:

.... others imports
import { Text, ModalPanel } from '@ui-kitten/components';

const MyModal = () => <Modal><ModalPanel><Text>Select HERE </Text><ModalPanel> </Modal>