From f3b5847a58ec7e6ebf38b3df60d6768ecf48fcff Mon Sep 17 00:00:00 2001
From: Jesse <jesse.greenberg@colorado.edu>
Date: Tue, 26 Apr 2022 16:25:28 -0400
Subject: [PATCH] use vibrationManager instead of navigator.vibrate, see
 https://github.com/phetsims/quadrilateral/issues/104

---
 js/quadrilateral/view/SideNode.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/js/quadrilateral/view/SideNode.ts b/js/quadrilateral/view/SideNode.ts
index d49a2341..96c42165 100644
--- a/js/quadrilateral/view/SideNode.ts
+++ b/js/quadrilateral/view/SideNode.ts
@@ -21,6 +21,7 @@ import QuadrilateralShapeModel from '../model/QuadrilateralShapeModel.js';
 import QuadrilateralModel from '../model/QuadrilateralModel.js';
 import { Line, Shape } from '../../../../kite/js/imports.js';
 import QuadrilateralColors from '../../common/QuadrilateralColors.js';
+import vibrationManager from '../../../../tappi/js/vibrationManager.js';
 
 // The dilation around side shapes when drawing the focus highlight.
 const FOCUS_HIGHLIGHT_DILATION = 15;
@@ -261,10 +262,10 @@ class SideNode extends Voicing( Path, 1 ) {
 
       if ( navigator !== undefined && navigator.vibrate !== undefined ) {
         if ( isPressed ) {
-          navigator.vibrate( [ 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200 ] );
+          vibrationManager.startVibrate( [ 200, 200 ] );
         }
         else {
-          navigator.vibrate( 0 );
+          vibrationManager.stopVibrate();
         }
       }
     } );