fix to prevent a selected option from being removed when isDisabled is passed in v3

Author: lschlesinger

src/chakra-components/containers.tsx

@@ -31,10 +31,6 @@ export const SelectContainer = <
   const initialStyles: SystemStyleObject = {
     position: "relative",
     direction: isRtl ? "rtl" : undefined,
-    // When disabled, react-select sets the pointer-state to none which prevents
-    // the `not-allowed` cursor style from chakra from getting applied to the
-    // Control when it is disabled
-    pointerEvents: "auto",
   };
 
   const sx: SystemStyleObject = chakraStyles?.container

src/chakra-components/control.tsx

@@ -50,6 +50,7 @@ const Control = <
     overflow: "hidden",
     height: "auto",
     minHeight: heights[size as Size],
+    ...(isDisabled ? { pointerEvents: "none" } : {}),
   };
 
   const sx: SystemStyleObject = chakraStyles?.control