Dropdown Select Bug iOS9

@nathanminarik wrote:

UPDATE/RESOLUTION: I resolved this issue by removing the [overflow-scroll="true"] attribute on the ion-content element. I'm not sure why this was causing issues on iOS9, but I experienced a similar bug on SalesForce1 when I was building an app on that and had attached overflow: auto styles to certain elements. It seems that webframes and overflow attributes don't play well together on iOS.

---

Hello - I'm experiencing an odd bug that I was hoping to get some input on. I'm currently building an app on Ionic and have had very few issues until the release of iOS9. When I select an option on the dropdown menu, the screen suddenly goes blank and only the background image remains. If I open the hamburger menu the screen reappears, or if I select the timepicker (despite the fact the page is invisible, I can still interact with the page) the page reappears. There are no errors in the console when I run the debugger in X Code, and this works perfectly fine on android and iOS8. I've already added the patch that was created for iOS9 which did resolve some other bugs, but this one still persists.

The code is as follows:

<select class="planner-select" name="startRoutes" id="startRoutes"
      ng-options="option.name for option in ddSelectOptions track by option.id"
      ng-model="params.start">
 </select>

I'm completely at a loss.

You'll see in the attached images that I created a test dropdown that doesn't use ng-option in hopes that that attribute was somehow causing the bug. I also stripped all the CSS from the test Select Dropdown to see if that was causing errors:

 <select class='planner-select' ng-model='param.test'>
     <option class="test" ng-repeat='option in ddSelectOptions' ng-value='option.id'>{{option.name}}
     </option>
  </select>

However, none of these changes impacted the resulting bug.

Thanks,

Nathan

Posts: 2

Participants: 1

Read full topic