fix(hydrate): shadow-dom needs shim

ionic-team · May 18, 2019 · d253d9b · d253d9b
1 parent c01c049
commit d253d9b
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/compiler/transformers/component-hydrate/hydrate-runtime-cmp-meta.ts b/src/compiler/transformers/component-hydrate/hydrate-runtime-cmp-meta.ts
@@ -2,6 +2,7 @@ import * as d from '../../../declarations';
 import { convertValueToLiteral, createStaticGetter } from '../transform-utils';
 import { formatComponentRuntimeMeta } from '../../app-core/format-component-runtime-meta';
 import ts from 'typescript';
+import { CMP_FLAGS } from '@utils';
 
 
 export function addHydrateRuntimeCmpMeta(classMembers: ts.ClassElement[], cmp: d.ComponentCompilerMeta) {
@@ -13,6 +14,10 @@ export function addHydrateRuntimeCmpMeta(classMembers: ts.ClassElement[], cmp: d
     $listeners$: compactMeta[3],
     $attrsToReflect$: []
   };
+  // We always need shadow-dom shim in hydrate runtime
+  if (cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) {
+    cmpMeta.$flags$ |=  CMP_FLAGS.needsShadowDomShim;
+  }
   const staticMember = createStaticGetter('cmpMeta', convertValueToLiteral(cmpMeta));
   classMembers.push(staticMember);
 }