fix(material/slider): fix cd for sliders w/ form controls (#27250)

* fixes issue #27217 (cherry picked from commit d303ead)
angular · Jun 12, 2023 · feaaab9 · feaaab9
1 parent b9871b1
commit feaaab9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/material/slider/slider-input.ts b/src/material/slider/slider-input.ts
@@ -102,6 +102,7 @@ export class MatSliderThumb implements _MatSliderThumb, OnDestroy, ControlValueA
     this._updateThumbUIByValue();
     this._slider._onValueChange(this);
     this._cdr.detectChanges();
+    this._slider._cdr.markForCheck();
   }
   /** Event emitted when the `value` is changed. */
   @Output() readonly valueChange: EventEmitter<number> = new EventEmitter<number>();

diff --git a/src/material/slider/slider-interface.ts b/src/material/slider/slider-interface.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {InjectionToken} from '@angular/core';
+import {InjectionToken, ChangeDetectorRef} from '@angular/core';
 import {MatRipple, RippleGlobalOptions} from '@angular/material/core';
 
 /**
@@ -153,6 +153,8 @@ export interface _MatSlider {
 
   /** Used to set the transition duration for thumb and track animations. */
   _setTransition: (withAnimation: boolean) => void;
+
+  _cdr: ChangeDetectorRef;
 }
 
 export interface _MatSliderThumb {