Text input bug: All clicks stop working after I fill out an email field or any other text input variation

💬 App Building
1

Hello.
When I open a modal, I have an email field in a collapsible component. I type the email and click a button to trigger a query, but when the email field is filled out, all buttons stop being interactive! I can close the modal by pressing ESC, but nothing can be clicked afterwards, and I can only refresh the browser for it to work again!

I did some tests, feels like all elements stop being clickable when the email component is filled. regardless of where they are located. The email field in other places across my app works fine and doesn’t disable other elements/components, but one specific email field that looks just like any other is creating this bug.

I tried removing the email component and re-adding it, but the issue persists.
Has anyone else run into this?

Update: same thing happens with a new normal Text Input Field
Update 2: Seems like any new field added anywhere within the app causes this issue. as soon as i type something inside it all buttons stop working !

3

Hi @Amir1,

That is very unusual. I tried to reproduce this behavior and I was not able to.

What kind of component is the "collapsible component" that the email field is inside of?

If you create a new app, add a modal and have input fields on a form component, does this issue still occur?

If you could share a screen recording or screenshots of the components/app that would be helpful for troubleshooting.

4

Hey Jack, yes, very strange. I managed to bypass this issue by passing the value of the email field into a global variable and then using that inside my REST api instead of directly referencing the field, and it’s now working fine.