question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic 2: When are two selects on same page works only one(the second)

See original GitHub issue

If I add two ion-selects on the same page and try to open the first, opens the second and I can’t change value in first select

my code:

<ion-select>
    <ion-option value="1">AAA</ion-option>
    <ion-option value="2">BBB</ion-option>
    <ion-option value="3">CCC</ion-option>
</ion-select>
<ion-select>
    <ion-option value="a">XXX</ion-option>
    <ion-option value="b">YYY</ion-option>
    <ion-option value="c">ZZZ</ion-option>
</ion-select>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
jgw96commented, Aug 29, 2016

Hello, thanks for opening an issue with us! Would you mind wrapping each ion-select in its own ion-item and testing again?

0reactions
jgw96commented, Aug 29, 2016

Hello @ungular , you should be able to do this with some custom css. I would recommend asking around on our forums. Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Ionic 2: When are two selects on same page works only one ...
If I add two ion-selects on the same page and try to open the first, opens the second and I can't change value...
Read more >
When are two selects on same page works only one(the second)
I looked at your code, we can use two ng-selected , just set their values different. first: <option ng-repeat="horario in dia.horarios" ...
Read more >
ion-select: Select One or Multiple Value Boxes or Placeholders
ion -select is represented by selected value(s), or a placeholder, and dropdown icon. When you tap select, a dialog box appears with an...
Read more >
Documentation: 15: SELECT - PostgreSQL
The INTERSECT operator returns all rows that are strictly in both result sets. The EXCEPT operator returns the rows that are in the...
Read more >
ngRx/Store and 5 silly mistakes - ITNEXT
Let's recall what it is to be on the same page: @ngrx/store … is RxJS powered state management for Angular applications, inspired by...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found