eclipsesource / eclipsesource/tabris-js

Picker-dropdown remains on a new page

Open
#1,865 6 comments 0 reactions 5 assignees Claimed by @mknauer View on GitHub
android api ios
Dominant language
JavaScript
Stars
1.4k
Forks
171
PR merge metrics
No merged PRs in 30d

Description

### Problem description

When a picker is expanded and no interaction is performed until a new page is opened, the picker-dropdown still appears on the new page.

### Expected behavior

The picker-dropdown must not be displayed in other pages.

### Environment

- Tabris.js version: 3.0.0-rc1-dev.20190409
- Device: iPhone 6, Google Pixel
- OS: iOS 12.2, Android 9

### Code snippet

```javascript
const { NavigationView, Page, Picker, contentView } = require('tabris');

const AIRPORTS = [
{
id: 'SFO',
name: 'San Francisco'
},
{
id: 'TXL',
name: 'Berlin Tegel'
},
{
id: 'FRA',
name: 'Frankfurt'
}
];

let navigationView = new NavigationView({
left: 0, top: 0, right: 0, bottom: 0
}).appendTo(contentView);

let page = new Page({
title: 'Page'
}).appendTo(navigationView);

page.append(
new Picker({
left: 20, top: 20, right: 20,
itemCount: AIRPORTS.length,
itemText: (index) => AIRPORTS[index].name,
selectionIndex: 1
})
);

setTimeout(() => {
new Page({
title: 'New Screen',
background: 'green'
}).appendTo(navigationView);
}, 5000);
```
## iOS
![File](https://user-images.githubusercontent.com/13982125/56811182-37d33280-6849-11e9-9d95-600a080284fc.jpg)

## Android
![Screenshot_20190426-172943](https://user-images.githubusercontent.com/13982125/56811195-40c40400-6849-11e9-89e5-7647816a0103.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.