Ion-select click invoked when click outside the div


#1

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?


#2

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 ionic start?


#3

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-select [(ngModel)]=“yo”>
<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

global packages:

cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 2.1.3
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.6.0

System:

Node : v8.4.0
npm  : 5.3.0
OS   : Windows 10

Environment Variables:

ANDROID_HOME : not set

Misc:

backend : legacy

this problem also occurs for a friend of mine who works on the same project on a different pc


#4

That’s pretty old. Maybe upgrade?
(https://update.ionic.zone might help)


#5

This is probably a stupid question, but is your <ion-select> inside an <ion-item>? That’s usually where they expect to be living.


#6

That solved it! thank you, I had no idea it relied on its parent element.
Thank you!