self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-10-31 00:07:48 +02:00
Code Issues Releases Activity

Mobile: Scroll dropdown to selected value when first opened (#11091)

Browse Source
This commit is contained in:
Henry Heino
2024-09-21 04:58:01 -07:00
committed by GitHub
parent d023ce592c
commit 5c23765458
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app-mobile/components/Dropdown.tsx
View File

@@ -78,6 +78,17 @@ class Dropdown extends Component<DropdownProps, DropdownState> {
private onCloseList = () => {
this.setState({ listVisible: false });
};
private onListLoad = (listRef: FlatList|null) => {
if (!listRef) return;
for (let i = 0; i < this.props.items.length; i++) {
const item = this.props.items[i];
if (item.value === this.props.selectedValue) {
listRef.scrollToIndex({ index: i, animated: false });
break;
}
}
};
public render() {
const items = this.props.items;
@@ -228,6 +239,7 @@ class Dropdown extends Component<DropdownProps, DropdownState> {
accessibilityRole='menu'
style={wrapperStyle}>
<FlatList
ref={this.onListLoad}
style={itemListStyle}
data={this.props.items}
renderItem={itemRenderer}