secureTextEntry changes font size in input with stackedLabel
See original GitHub issueI have gone through these following points
- Check latest documentation: https://docs.nativebase.io/
- Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
- Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
- Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
- For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
- For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/
Issue Description
node, npm, react-native, react and native-base version, expo version if used, xcode version
node v10.16.0 react-native v0.60.5 react v16.8.6 native-base v2.13.7
android 7.1.2
Expected behaviour
The text in a normal input should have the same font size as the text in an input with secureText={true}
Actual behaviour
The text in a normal input has a larger font size as the text in an input with secureText={true}
Steps to reproduce
EDIT: I just noticed this only happens with stackedLabel
, with all other labels the font sizes are the same.
Add a normal input and one input with secureTextEntry={true}
, both with stackedLabel
import { Container, Content, Footer, Form, Input, Item, Label } from 'native-base';
import React from 'react';
export interface Props {}
export default class App extends React.PureComponent<Props> {
public constructor(props: Props) {
super(props);
}
public render() {
return (
<Container>
<Content>
<Form>
<Item stackedLabel={true}>
<Label>Username</Label>
<Input />
</Item>
<Item stackedLabel={true}>
<Label>Password</Label>
<Input secureTextEntry={true} />
</Item>
</Form>
</Content>
<Footer />
</Container>
);
}
}
Is the bug present in both iOS and Android or in any one of them?
I’m only developing for android right now, so I could not try to reproduce the issue for iOS, sorry.
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
React Native - unable to change font when secureTextEntry is ...
trying to create an input field for a password. This custom component works great, but when I add the secureTextEntry={true} the font changes...
Read more >Controlled TextInput with secureTextEntry={true} font size flicker.
Voters | React Native. Controlled TextInput with secureTextEntry={true} font size flicker.
Read more >font-size-adjust - CSS: Cascading Style Sheets | MDN
The font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of ...
Read more >CSS font-size-adjust property - W3Schools
This could result in a big change for the font size. To prevent this, use the font-size-adjust property. All fonts have an "aspect...
Read more >Change font sizes within the Fonts window on Mac
In many apps on your Mac, add or remove font sizes and change the maximum and minimum values that appear in the Fonts...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@sankhadeeproy007 The TextInputs also seem to be affected by which label I’m using.
Just tried the new version, works. Thanks for the quick fix ❤️