When displaying a list picker on iOS, the width does not always compute properly. The ListPicker element is wider than the actual content.

I have a component that shows a listpicker, the xml is:

<GridLayout loaded="onLoad" visibility="{{showPicker ? 'visible' : 'collapsed'}}">
    <StackLayout class="dimmer" id="dimmer"/>
    <GridLayout rows="*, 250, *" id="listpicker_holder">
        <ListPicker id="list_picker" row="1" colSpan="3" style="background-color: pink;" width="100%" visibility="{{showListPicker ? 'visible' : 'collapsed'}}"/>
    </GridLayout>
</GridLayout>

Here's a video of what it looks like: https://cl.ly/hwX1

If I switch to landscape and then back, the issue is fixed.

• CLI: 2.3.0
• Cross-platform modules: 2.3.0
• Runtime(s): 2.3.0
• Plugin(s):
  "moment": "^2.14.1",
  "nativescript-background-http": "0.0.3",
  "nativescript-fonticon": "^1.1.0",
  "nativescript-iqkeyboardmanager": "^1.0.1",
  "nativescript-photoviewer": "^1.0.0",
  "nativescript-pulltorefresh": "^1.1.7",
  "nativescript-slides": "^2.1.4",
  "nativescript-telerik-ui": "^1.4.0",
  "tns-core-modules": "^2.3.0"