Ion-select click invoked when click outside the div

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

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


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

Environment Variables:

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?
( 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.
Thank you!