fix(select): selection-option is hidden in edge (#16607)

fixes #16580

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 {
 

core/src/components/select/select.scss

@@ -81,7 +81,3 @@ button {
   color: var(--icon-color);
   pointer-events: none;
 }
-
-::slotted(ion-select-option) {
-  display: none;
-}

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,