# ViewChild IonSelect dont work with popover

**URL:** <https://forum.ionicframework.com/t/viewchild-ionselect-dont-work-with-popover/154180>\
**Category:** Ionic Framework\
**Created:** [January 25, 2019, 3:18pm UTC](https://forum.ionicframework.com/t/viewchild-ionselect-dont-work-with-popover/154180 "2019-01-25T15:18:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fouk](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/fouk/32/123892_2.png) [@Fouk](https://forum.ionicframework.com/u/Fouk)\
**Post date:** [January 25, 2019, 3:18pm UTC](https://forum.ionicframework.com/t/viewchild-ionselect-dont-work-with-popover/154180/1 "2019-01-25T15:18:10Z")

</div>

Hello everyone,

I work with Ionic v4.0 final release.  
I try to call ion-select by viewchild with **interface = ‘popover’** but dont work ☹  
If i try with **interface = ‘action-sheet’** or **interface = ‘alert’** , it’s work perfectly

_TypeScript_

```auto
import { Component, ViewChild } from '@angular/core';
import { IonSelect } from '@ionic/angular';

@Component({
    selector: 'app-home',
    templateUrl: 'home.page.html',
    styleUrls: ['home.page.scss'],
})
export class HomePage {
    @ViewChild('mySelect') public myselect: IonSelect;
    public colorSelected = '#ff6600';

    open() {
        this.myselect.interface = 'popover';
        this.myselect.open();
    }
}

```

_HTML_

```auto
<ion-toolbar>
    <ion-title>Ionic Blank</ion-title>

    <ion-buttons slot="end">
        <ion-button color="primary" (click)="open()">
            <ion-icon slot="icon-only" name="color-palette" [ngStyle]="{'color': colorSelected}"></ion-icon>

            <ion-select #mySelect [hidden]="true" [(ngModel)]="colorSelected">
                <ion-select-option value="#ff6600">Orange</ion-select-option>
                <ion-select-option value="#cccc00">Yellow</ion-select-option>
                <ion-select-option value="#000000">Black</ion-select-option>
                <ion-select-option value="#0066ff">Blue</ion-select-option>
            </ion-select>
        </ion-button>

    </ion-buttons>
</ion-toolbar>

```

Anyone have an idea ? I need popover 😟

Thx !

---

<div class="post-metadata">

**Author:** ![jasantana](https://avatars.discourse-cdn.com/v4/letter/j/e79b87/32.png) [@jasantana](https://forum.ionicframework.com/u/jasantana)\
**Post date:** [May 19, 2021, 8:37am UTC](https://forum.ionicframework.com/t/viewchild-ionselect-dont-work-with-popover/154180/2 "2021-05-19T08:37:06Z")

</div>

I’m facing the same issue, did you find a solution?

Thanks

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [May 19, 2021, 4:35pm UTC](https://forum.ionicframework.com/t/viewchild-ionselect-dont-work-with-popover/154180/3 "2021-05-19T16:35:13Z")

</div>

`ViewChild` expects the content to be a direct child of the component, which popovers are not. They get rendered at the root level.

What are you trying to do?