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 Being Able to Scroll While Touching Input #1556

Closed
Siyavoshi opened this issue Jan 7, 2020 · 16 comments
Closed

Not Being Able to Scroll While Touching Input #1556

Siyavoshi opened this issue Jan 7, 2020 · 16 comments

Comments

@Siyavoshi
Copy link

Siyavoshi commented Jan 7, 2020

React Native 059.10
Platform: Android

I have a form which has a lot of RNP inputs inside a tag.
The problem is when I touch the input and swipe up and down, page doesn't scroll. If I try to scroll from somewhere outside of inputs, it scrolls just fine but since this page has a form with lots of inputs, there's not enough space outside of inputs.

When I add multiline={true} prop, the problem gets solved but is there a better way to avoid this?

UPDATE: After creating some brand new RN projects with 0.59.10, 0.61.4 and 0.61.5 I've found out the cause of my problem is RN's RTL plugin.
I've followed this instruction as how to make my application RTL and it causes inputs not to scroll while inside a ScrollView.

Is there any solution for this?

@Trancever
Copy link
Contributor

Trancever commented Jan 7, 2020

@Siyavoshi Can you provide a repro on Snack.

I tried it and this example works for me on both android and iOS.

@Siyavoshi
Copy link
Author

@Trancever The inputs are inside a Flatlist which itself is inside a ScrollView.
I'll try to make a repro and update this post.

@satya164
Copy link
Member

satya164 commented Jan 7, 2020

FYI you shouldn't put FlatList in ScrollView

@Siyavoshi
Copy link
Author

UPDATE: After creating some brand new RN projects with 0.59.10, 0.61.4 and 0.61.5 I've found out the cause of my problem is RN's RTL plugin.
I've followed this instruction as how to make my application RTL and it causes inputs not to scroll while inside a ScrollView.

Is there any solution for this?

@github-actions
Copy link

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

@akshay4040
Copy link

React Native 064.10
Platform: Android
language :hebrew

The problem is when I touch the searchabledropdown and swipe up and down, page doesn't scroll. If I try to scroll from somewhere outside of inputs, it scrolls just fine but since this page has a form with lots of inputs, there's not enough space outside of inputs.

the problem is in hebrew language not in english

When I add multiline={true} the problem gets solved in input field but i have same issue in searchable dropdown is there a better way to avoid this?
what i have to do in this senario please help me

@ZeeshanAhmadKhalil
Copy link

ZeeshanAhmadKhalil commented Jul 8, 2021

Found any Solution?

For me even multiline={true} not working

@TiagoDanin
Copy link

This happens to me on every TextInput that has custom style with height set.
https://snack.expo.dev/@tdanin/textinput-bug-paper-with-height

@satya164 Can we reopen this issue?

@meysam25
Copy link

i have same problem, why no one fix this, i am using rtl and when i put multiline={true} its work just fine

@Subhashish-Mishra
Copy link

@TiagoDanin have You found any solution to this problem yet??

@philemonpeter02
Copy link

Any Solutions?

@edward99enclave
Copy link

any solutions yet?

@diego5f5
Copy link

I solved this removing the height property of the View that wraps my TextInput, and on it I'm just using padding to reach the desired visual aspect.

@faforus
Copy link

faforus commented Apr 25, 2024

In my case I could not have both paddingTop and paddingBottom at the same time. After removing both it worked.

@diegoleondev
Copy link

Did you find any solution? @satya164

@diegoleondev
Copy link

Did you find any solution? @akshay4040

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests