I am using Ionic 3.20.0 (app is fairly new).
No matter where I try to add a div (at the root of the app or in any nested components), when the ion-select is on the screen, no matter where I click on the page, it always invokes the click of the ion-select (opens the option diagram), even even if I click on another ion-select component (it always opens only one of them) (or any button or even on an empty part of the page).
It shuts down the functionality of everything on screen.
I even tried using the ion-select examples from the documentation
any idea why?
That is the CLI version and not really relevant for debugging. What is your
ionic info output?
Can you show some code of what you have and maybe a screenshot what is happening? Best in a new project created with
I started a new app using ionic start (chose the default tabs page) and added an ion-select to one of the base pages, I only added code to the html, and it still happens
<ion-option [value]=“1”> 1
ionic info :
cli packages: (C:\Users\XXXX\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
cordova (Cordova CLI) : 7.1.0
@ionic/app-scripts : 2.1.3
Cordova Platforms : none
Ionic Framework : ionic-angular 3.6.0
Node : v8.4.0
npm : 5.3.0
OS : Windows 10
ANDROID_HOME : not set
backend : legacy
this problem also occurs for a friend of mine who works on the same project on a different pc
That’s pretty old. Maybe upgrade?
(https://update.ionic.zone might help)
This is probably a stupid question, but is your
<ion-select> inside an
<ion-item>? That’s usually where they expect to be living.
That solved it! thank you, I had no idea it relied on its parent element.