fix(material/slider): handle contextmenu events (angular#27227)

* fix(material/slider): handle contextmenu events fixes issue angular#27225 * fixup! fix(material/slider): handle contextmenu events * fixup! fix(material/slider): handle contextmenu events
michaelfaith · Jun 6, 2023 · 6a85c29 · 6a85c29
1 parent 06aa8e5
commit 6a85c29
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/material/slider/slider-input.ts b/src/material/slider/slider-input.ts
@@ -637,7 +637,7 @@ export class MatSliderRangeThumb extends MatSliderThumb implements _MatSliderRan
   }
 
   override _onPointerDown(event: PointerEvent): void {
-    if (this.disabled) {
+    if (this.disabled || event.button !== 0) {
       return;
     }
     if (this._sibling) {

diff --git a/src/material/slider/slider-thumb.ts b/src/material/slider/slider-thumb.ts
@@ -172,7 +172,10 @@ export class MatSliderVisualThumb implements _MatSliderVisualThumb, AfterViewIni
     this._hostElement.classList.remove('mdc-slider__thumb--focused');
   };
 
-  private _onDragStart = (): void => {
+  private _onDragStart = (event: PointerEvent): void => {
+    if (event.button !== 0) {
+      return;
+    }
     this._isActive = true;
     this._showActiveRipple();
   };