From 6776e65c9cae212a0bb2d7477b3a09beb2dfcad0 Mon Sep 17 00:00:00 2001
From: Manu MA <manu.valladolid@gmail.com>
Date: Thu, 6 Dec 2018 01:52:50 +0100
Subject: [PATCH] fix(select): selection-option is hidden in edge (#16607)

fixes #16580
---
 core/src/components/select-option/select-option.tsx | 6 ++++++
 core/src/components/select/select.scss              | 4 ----
 core/src/css/core.scss                              | 1 +
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/core/src/components/select-option/select-option.tsx b/core/src/components/select-option/select-option.tsx
index 30b488dc02..c93bde67b6 100644
--- a/core/src/components/select-option/select-option.tsx
+++ b/core/src/components/select-option/select-option.tsx
@@ -2,6 +2,12 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Prop } fro
 
 @Component({
   tag: 'ion-select-option',
+  shadow: true,
+  styles: `
+  :host {
+    display: none;
+  }
+  `
 })
 export class SelectOption implements ComponentInterface {
 
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 927db00312..d4ebe0c66d 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -81,7 +81,3 @@ button {
   color: var(--icon-color);
   pointer-events: none;
 }
-
-::slotted(ion-select-option) {
-  display: none;
-}
diff --git a/core/src/css/core.scss b/core/src/css/core.scss
index 95805b4981..453c962187 100644
--- a/core/src/css/core.scss
+++ b/core/src/css/core.scss
@@ -72,6 +72,7 @@ body.backdrop-no-scroll {
 ion-route,
 ion-route-redirect,
 ion-router,
+ion-select-option,
 ion-animation-controller,
 ion-nav-controller,
 ion-menu-controller,