react-native icon indicating copy to clipboard operation
react-native copied to clipboard

TextInput not focus on current touch on android

Open khanh21011999 opened this issue 3 years ago • 3 comments

Description

I have a simple TextInput like this

 const text =
    'Fusce id elit ut metus mattis fringilla. Ut accumsan, lacus vel rhoncus finibus, turpis massa euismod sapien, vitae ultrices odio tellus blandit ligula. Curabitur posuere turpis eget ipsum rutrum, sit amet ornare nibh cursus. Quisque commodo sapien et erat suscipit, ut lacinia mi blandit. In malesuada volutpat est pulvinar fermentum. Duis faucibus vel lorem et aliquet. Phasellus pharetra mattis massa, et posuere magna ultricies a. Nunc varius mollis vehicula. Nunc ut cursus mauris. Morbi et sem non leo imperdiet viverra non ac eros. Fusce fringilla molestie nisi, eget vulputate mauris maximus efficitur. Cras tortor libero, commodo et ante eu, fringilla lobortis turpis. Maecenas fermentum ligula ut erat feugiat cursus. Praesent blandit sagittis turpis ac egestas. Nunc non dolor ipsum. Phasellus vitae nisi eu justo ullamcorper ultricies efficitur in nunc.Nunc cursus justo neque, nec euismod est maximus quis. Aliquam scelerisque nunc dapibus, egestas orci vitae, ullamcorper tortor. Donec eget massa in felis placerat volutpat. Curabitur et erat non libero ultricies feugiat ornare vel erat. Quisque maximus dignissim arcu id iaculis. In aliquam rhoncus suscipit. Praesent ac lectus eget turpis pulvinar tempus.Ut hendrerit consequat luctus. Etiam porta arcu id erat condimentum scelerisque. Curabitur blandit nunc in sapien viverra sodales. Nullam tristique consequat mauris, vitae iaculis purus sagittis ac. Maecenas blandit enim ex. Sed et venenatis nulla. In nisl velit, vulputate a tempor nec, volutpat ut libero. Mauris vitae interdum magna, dapibus sollicitudin libero. Maecenas consequat mi magna, et dignissim est iaculis quis. Nullam pellentesque, neque quis efficitur semper, leo neque rutrum nulla, id malesuada enim tellus sed purus.Quisque finibus diam purus, sit amet porta orci ornare sit amet. Sed at sapien vitae massa tempus luctus sed sed elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut mauris in ante molestie efficitur. Morbi feugiat nulla nec nunc ornare, ac mattis augue bibendum. Pellentesque consequat purus ut lectus porta molestie. Maecenas sed semper dui. Quisque aliquet eu sem ac suscipit. Donec et lectus nulla. Maecenas quis orci eu erat porta porta.Praesent consequat elit et sem cursus, vitae consequat arcu finibus. In non purus elit. Cras vehicula lacus sem, id blandit nisi auctor in. Etiam quis ipsum leo. Aliquam tincidunt purus nec feugiat feugiat. Vivamus suscipit eu purus eu euismod. Aliquam volutpat cursus lacus in ultrices. Curabitur at feugiat urna. Duis laoreet libero eu facilisis vehicula. Mauris ullamcorper, nibh et lacinia posuere, justo tellus sodales quam, at hendrerit ligula justo sed nunc. Cras ut elit malesuada, tempor arcu non, dignissim magna. Proin eget velit ultricies, facilisis nisl non, commodo leo.Vestibulum tincidunt, orci a malesuada scelerisque, neque justo dictum tellus, sed tincidunt arcu enim ut mi. Fusce sit amet urna sit amet libero ullamcorper molestie et ac risus. Praesent non sagittis quam. Integer non tellus vitae nisi scelerisque ullamcorper. Etiam lorem tellus, ultricies eu erat sit amet, laoreet condimentum turpis. Mauris eu magna interdum, dignissim metus facilisis, ultrices nisl. Donec pellentesque vestibulum nibh, vel vestibulum quam aliquam eu. Etiam convallis, mauris id efficitur congue, felis leo elementum augue, eget fringilla dui sapien nec massa. In non mauris nec eros mollis luctus. Integer in accumsan est. Sed in justo justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin et erat lorem. Pellentesque vehicula nunc ut luctus aliquet.Curabitur nulla tortor, feugiat euismod sem id, interdum venenatis velit. Nam ut urna urna. Mauris sed condimentum nisl. Cras volutpat, velit vitae sodales posuere, diam risus laoreet ipsum, vel commodo tellus nisi in dolor. Etiam auctor malesuada velit sed posuere. Proin sed justo diam. Sed id ante enim. Curabitur sit amet dui at sapien cursus aliquet.Suspendisse blandit risus justo, eget ornare augue hendrerit id. Nulla facilisi. Curabitur aliquet magna eros, nec accumsan erat suscipit quis. Etiam facilisis, felis nec feugiat aliquam, erat dui posuere erat, at vehicula turpis ligula vel mi. Curabitur pretium, nulla at porta faucibus, velit augue finibus sapien, eget sagittis turpis orci ut nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum vitae convallis ligula. Duis bibendum quam vitae vehicula lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In commodo mi ipsum, in sollicitudin felis semper quis. Mauris aliquam leo at eros luctus, ac faucibus ligula accumsan. Vestibulum ac ultrices ante. Cras ac justo felis. Vivamus ultrices porta libero. Nam tellus erat, porta a neque non, finibus placerat erat. Vivamus eget nisl euismod, hendrerit tortor semper, eleifend orci';
  return (
    <ScrollView style={{flex: 1}}>
      <TextInput
        placeholder="Input"
        style={{fontSize: 50}}
        value={text}
        multiline
      />
    </ScrollView>
  );

But problem is, whenever.i click to the textInput on android, it will focus on the lastest, not where i click, it only happen on android , please help, thank you a lots

Here is the gif show problem i'm facing

Jan-20-2022 21-56-21

Please help, how can i just focus on where i click on android???

Version

0.66.1

Output of npx react-native info

    OS: macOS 12.1
    CPU: (8) arm64 Apple M1
    Memory: 102.78 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.13.1 - /opt/homebrew/Cellar/node@16/16.13.1/bin/node
    Yarn: 1.22.17 - /opt/homebrew/bin/yarn
    npm: 8.1.2 - /opt/homebrew/Cellar/node@16/16.13.1/bin/npm
    Watchman: 2022.01.03.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.0.1, iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0
    Android SDK:
      API Levels: 28, 29, 30, 31
      Build Tools: 28.0.3, 29.0.2, 29.0.3, 30.0.2, 31.0.0
      System Images: android-31 | Google APIs ARM 64 v8a, android-31 | Google Play ARM 64 v8a
      Android NDK: Not Found
  IDEs:
    Android Studio: Not Found
    Xcode: 13.1/13A1030d - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_312 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.66.1 => 0.66.1 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found```

### Steps to reproduce

1. Run the code
2. Click anywhere on the textInput
3. See different on ios and android, android the cursor will focus on last text

### Snack, code example, screenshot, or link to a repository

_No response_

khanh21011999 avatar Jan 20 '22 15:01 khanh21011999

Please, this is serius issue

khanh21011999 avatar Jan 21 '22 01:01 khanh21011999

I have the same problem

Damoness avatar Mar 31 '22 08:03 Damoness

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

github-actions[bot] avatar Oct 26 '22 02:10 github-actions[bot]

This issue was closed because it has been stalled for 7 days with no activity.

github-actions[bot] avatar Nov 03 '22 02:11 github-actions[bot]