callstack / callstack/react-native-paper

TextInput only in mode="outlined" Prevent Scrolling Inside a ScrollView.

Open
#4,390 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

The Bug is Simple TextInput with mode "outlined" prevent a scrolling of the screen, but if we change it to flat the scrolling works fine,

This happens because in mode "outlined" tries to scroll inside the TextInput not the actual scrollview...

setFieldValue(String(name), value)}
placeholder={textFormatter(name as string)}
placeholderTextColor={theme?.colors.inverseSurface}
height="48px"
/>

Can we take a look at it I don't now how the outlined is different from the flat mode

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue with a React Native TextInput in mode="outlined" inside a ScrollView, then compare it with mode="flat" using the example from the report. The work is done when the outlined TextInput allows the surrounding ScrollView to scroll in the same situation as the flat mode.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.