Words predictions are hidden if keyboardType="url"

[MykolaSauliak]

Description

Autofill suggestions are not visible if keyboardType='url' for TextInput

Problem:

Without keyboardType prop:

Mozilla browser:

Version

0.7

Output of npx react-native info

Binaries:
Node: 16.13.2 - ~/.nvm/versions/node/v16.13.2/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.1.2 - ~/.nvm/versions/node/v16.13.2/bin/npm
Watchman: 2022.11.14.00 - /usr/local/bin/watchman

Steps to reproduce

• Use current project or install with "npx react-native init ..."
• Put TextInput on the screen
• setup keyboardType="url"

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

import React from 'react';
import {
SafeAreaView,
StatusBar,
TextInput,
useColorScheme,
} from 'react-native';
import {
Colors,
} from 'react-native/Libraries/NewAppScreen';

const App = () => {
const isDarkMode = useColorScheme() === 'dark';

const backgroundStyle = {
flex:1,
backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
};

return (

<StatusBar
barStyle={isDarkMode ? 'light-content' : 'dark-content'}
backgroundColor={backgroundStyle.backgroundColor}
/>


);
};

export default App;

[XantreDev]

There are no text input in snack

import React from "react";
import {
  SafeAreaView,
  StatusBar,
  TextInput,
  useColorScheme,
} from "react-native";
import { Colors } from "react-native/Libraries/NewAppScreen";

const App = () => {
  const isDarkMode = useColorScheme() === "dark";

  const backgroundStyle = {
    flex: 1,
    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
  };

  return (
    <StatusBar
      barStyle={isDarkMode ? "light-content" : "dark-content"}
      backgroundColor={backgroundStyle.backgroundColor}
    />
  );
};

export default App;

I created snack to reproduce
https://snack.expo.dev/@xantregodlike/textinput-url-snack

[XantreDev]

I think, that found source of the problem.

Consider android textview inputtype:
https://developer.android.com/reference/android/R.styleable#TextView_inputType
textUri should be 0x11 = InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_URI.
InputType.TYPE_TEXT_VARIATION_URI = 0x10
InputType.TYPE_CLASS_TEXT = 0x1.

But in React Native java code it is just InputType.TYPE_TEXT_VARIATION_URI:
flagsToSet = InputType.TYPE_TEXT_VARIATION_URI;
Path to place:
ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
L876-L877

I think can fix it, but I am newbie and can't check this guess.
flagsToSet = InputType.TYPE_TEXT_VARIATION_URI | InputType.TYPE_CLASS_TEXT

[XantreDev]

@robhogan how can i edit labels?

[jeswinsimon]

@XantreGodlike I have added a PR here #36436

[github-actions]

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]

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