Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not able to use TextInput #333

Closed
ponchautf opened this issue May 31, 2024 · 6 comments
Closed

Not able to use TextInput #333

ponchautf opened this issue May 31, 2024 · 6 comments
Labels
bug Something isn't working

Comments

@ponchautf
Copy link

*Description
When I try to use TextInput in the IDE ios simulator, it's not possible to enter text.
I only see a menu that invite to fill the field
Capture d’écran 2024-05-31 à 10 29 00

(not yet tried on android simulator
Environment
React native IDE 0.0.14
React Native 0.73.6
VS Code 1.89.1
MacBook Pro 2019 (Intel core i9)

@ponchautf ponchautf added the bug Something isn't working label May 31, 2024
@kmagiera
Copy link
Member

kmagiera commented Jun 3, 2024

Thanks for reporting, does it behave like that on all text input fields or some specific ones? Can you reproduce this on some empty projects too? Can you share a reproducer repo?

@ponchautf
Copy link
Author

ponchautf commented Jun 4, 2024

Hi,
Unfortunately, I can't share the repo, it's a private one. (I don't have time right now to try on an empty project but I will do it ASAP)
Textnput component came from react-native (it's not a custom one) and used in a prety simple component:

<>
<Text style={typography.BodyRegular}>
Si vous avez des questions, des commentaires ou des préoccupations concernant 
<Text style={typography.BodyBold}>Marches Points Verts</Text>,
n'hésitez pas à nous contacter en utilisant le formulaire ci-dessous. Nous sommes là pour vous aider et nous nous efforcerons de répondre à votredemande dans les plus brefs délais.
</Text>
<Spacer size={20} />
<Text style={typography.HeadlineRegular}>Nom complet : </Text>
<TextInput style={styles.input} value={name} onChangeText={(text) => setName(text)} />
<Text style={typography.HeadlineRegular}>Adresse e-mail : </Text>
<TextInput style={styles.input} value={email} onChangeText={(text) => setEmail(text)} />
<CustomButton onPress={sendForm} text="Envoyer" disabled={!isChecked} />
</>

I got the same behavior on all TextInput.
I can't try on android, react-native IDE won't allow me to start an android emulator
(I'm working on old intel MacBookPro and got an error CPU Architecture 'x64' is not supported by the QEMU2 emulator)

@ponchautf
Copy link
Author

FYI : meantime, I found the workaround to start android simulator on intel laptop, but it's not working.
Emulator is starting but remain stuck in "Waiting for app to load"

I just see a metro circular reference error in output windows that does not occur with iOS simulator.

@ovidb
Copy link

ovidb commented Jul 31, 2024

We have the same issue on all types of inputs

2024-07-31 11 01 48

in our case, for this specific usage we fixed it by adding the following props

<TextInput
  secureTextEntry={true}
  textContentType="oneTimeCode" // iOS only

@kmagiera
Copy link
Member

a lot has changed since this got repored. I tried to reproduce this now but with no success. Can anyone here try and confirm whether its happening on the most recent 0.21 version of the IDE?

@kmagiera
Copy link
Member

kmagiera commented Dec 4, 2024

We managed to reproduce this eventually and it is fixed as of #718

@kmagiera kmagiera closed this as completed Dec 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants