Removing mouse up and mouse down from modal Backdrop component

.changeset/gentle-chefs-hear.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Replaced mouse up and down events on Backdrop with onClick to close Modal

polaris-react/src/components/Backdrop/Backdrop.tsx

@@ -29,7 +29,7 @@ export function Backdrop(props: BackdropProps) {
     }
   };
 
-  const handleMouseUp = () => {
+  const handleClick = () => {
     if (setClosing && onClick) {
       setClosing(false);
       onClick();
@@ -41,10 +41,9 @@ export function Backdrop(props: BackdropProps) {
       <ScrollLock />
       <div
         className={className}
-        onClick={onClick}
+        onClick={handleClick}
         onTouchStart={onTouchStart}
         onMouseDown={handleMouseDown}
-        onMouseUp={handleMouseUp}
       />
     </>
   );

polaris-react/src/components/Backdrop/tests/Backdrop.test.tsx

@@ -4,11 +4,13 @@ import {mountWithApp} from 'tests/utilities';
 import {Backdrop} from '..';
 
 describe('<Backdrop />', () => {
-  describe('onDismiss()', () => {
+  describe('onClick()', () => {
     it('is called when the backdrop is clicked', () => {
       const spy = jest.fn();
-      const backdrop = mountWithApp(<Backdrop onClick={spy} />);
-      backdrop.find('div', {onClick: spy})!.trigger('onClick');
+      const backdrop = mountWithApp(
+        <Backdrop onClick={spy} setClosing={() => {}} />,
+      );
+      backdrop.find('div')!.trigger('onClick');
       expect(spy).toHaveBeenCalled();
     });
   });