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

Text of options cut on one device but we cannot replicate ourselves #279

Open
kitkline opened this issue Feb 12, 2024 · 0 comments
Open

Comments

@kitkline
Copy link

Hi there

We have an odd issue! The dropdown looks great on all platforms we test on - but we have one user who captures the issue shown in the screenshot. We are unable to replicate on any device - we can get the same issue by reducing itemPadding but pushing that value up in the hope it cures it for that one device would make the items really far apart on the list for the rest of our users

The device in question is: Samsung Galaxy Active4 Pro 10.1" 128GB 5G Tablet (which we don't have access via AWS Cloud to test against)

Any suggestions or advice? Code snippet follows screenshot....

image

Code:

render() {
return (
<Dropdown
value={this.state.value}
style={this.props.style}
data={this.props.data}
baseColor={this.props.baseColor}
textColor={this.props.textColor}
itemColor="grey"
selectedItemColor="#337ab7"
itemPadding={10}
fontSize={14}
itemTextStyle={{fontFamily: 'OpenSans-SemiBold'}}
pickerStyle={{
backgroundColor: this.props.backgroundColor,
borderRadius: ScaleElement.scaleElement(4),
}}
rippleOpacity={0}
inputContainerStyle={{
marginLeft: 10,
marginRight: 10,
marginBottom: 10,
borderBottomWidth: 1.3,
borderBottomColor: '#788691',
paddingLeft: 0,
}}
labelHeight={5}
onChangeText={value => this.executeCallback(value)}
itemCount={this.props.itemCount}
disabled={this.props.disabled}
/>
);
}

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

No branches or pull requests

1 participant