fix(textfield,focus,ripple): fix textfield SSR

PiperOrigin-RevId: 566863561
material-components · Sep 20, 2023 · f576b60 · f576b60
1 parent e1a04a1
commit f576b60
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/focus/internal/focus-ring.ts b/focus/internal/focus-ring.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import {LitElement, PropertyValues} from 'lit';
+import {isServer, LitElement, PropertyValues} from 'lit';
 import {property} from 'lit/decorators.js';
 
 import {Attachable, AttachableController} from '../../internal/controller/attachable-controller.js';
@@ -87,6 +87,8 @@ export class FocusRing extends LitElement implements Attachable {
   }
 
   private onControlChange(prev: HTMLElement|null, next: HTMLElement|null) {
+    if (isServer) return;
+
     for (const event of EVENTS) {
       prev?.removeEventListener(event, this);
       next?.addEventListener(event, this);

diff --git a/ripple/internal/ripple.ts b/ripple/internal/ripple.ts
@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import {html, LitElement, PropertyValues} from 'lit';
+import {html, isServer, LitElement, PropertyValues} from 'lit';
 import {property, query, state} from 'lit/decorators.js';
 import {classMap} from 'lit/directives/class-map.js';
 
@@ -452,6 +452,8 @@ export class Ripple extends LitElement implements Attachable {
   }
 
   private onControlChange(prev: HTMLElement|null, next: HTMLElement|null) {
+    if (isServer) return;
+
     for (const event of EVENTS) {
       prev?.removeEventListener(event, this);
       next?.addEventListener(event, this);