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

Label and TextInput focus can't move to right when I use roundness it's collapsing the borderRadius in outlined mode of TextInput. #2729

Closed
rahmanharoon opened this issue May 17, 2021 · 6 comments · Fixed by #2786

Comments

@rahmanharoon
Copy link

rahmanharoon commented May 17, 2021

Current behaviour

I'm using TextInput with outlined mode. When I give roundness of 90 the label get collapse on the left end.I tried to move label ad TextInput focus to little right but I didn't succeed.

Expected behaviour

Need to move Label and TextInput focus to little right.

Code sample

import * as React from "react";
import { TextInput } from "react-native-paper";

export const ManagePrivacyScreen = () => {
const [text, setText] = React.useState("");

return (
<TextInput
label="Email"
value={text}
mode="outlined"
onChangeText={(text) => setText(text)}
theme={{roundness: 30}}
style={{
width: '95%',
alignSelf: 'center',
marginTop: 20,
paddingRight: 15,
}}
/>
);
};

Screenshots (if applicable)

sample

What have you tried

Here is the test repo https://github.com/rahmanharoon/TextInput-native-paper

Your Environment

software version
ios or android
react-native 0.64.1
react-native-paper ^4.8.1
node v12.18.3
npm 6.14.8
expo sdk ~41.0.1
@github-actions
Copy link

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.io link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • react-native-vector-icons
  • yarn
  • expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native (found: 16.13.1, latest: 0.64.1)
  • npm (found: 6.14.8, latest: 7.13.0)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • react-native-vector-icons
  • yarn
  • expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • npm (found: 6.14.8, latest: 7.13.0)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • react-native-vector-icons
  • npm
  • expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • react-native
  • react-native-paper
  • react-native-vector-icons
  • npm
  • expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

@brunohkbx brunohkbx linked a pull request Jun 23, 2021 that will close this issue
@brunohkbx brunohkbx reopened this Jun 24, 2021
@lukewalczak
Copy link
Member

Issue was fixed in version 4.10.0

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

Successfully merging a pull request may close this issue.

3 participants