Fix device dismiss when new captions come (#3102)

* Prevent device contextMenu to be dismissed
Azure · May 26, 2023 · 43a3130 · 43a3130
1 parent cc96a0d
commit 43a3130
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/change-beta/@azure-communication-react-4c67c679-9d78-4791-b7b5-a15318b90729.json b/change-beta/@azure-communication-react-4c67c679-9d78-4791-b7b5-a15318b90729.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Prevent device contextMenu to be dismissed",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-4c67c679-9d78-4791-b7b5-a15318b90729.json b/change/@azure-communication-react-4c67c679-9d78-4791-b7b5-a15318b90729.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Prevent device contextMenu to be dismissed",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/src/components/DevicesButton.tsx b/packages/react-components/src/components/DevicesButton.tsx
@@ -278,6 +278,9 @@ export const generateDefaultDeviceMenuProps = (
             key: 'sectionCamera',
             title: strings.cameraMenuTooltip,
             subMenuProps: {
+              calloutProps: {
+                preventDismissOnEvent
+              },
               items: cameras.map((camera) => ({
                 key: camera.id,
                 text: camera.name,
@@ -320,6 +323,9 @@ export const generateDefaultDeviceMenuProps = (
             key: key,
             title: title,
             subMenuProps: {
+              calloutProps: {
+                preventDismissOnEvent
+              },
               items: microphones.map((microphone) => ({
                 key: microphone.id,
                 text: microphone.name,
@@ -353,6 +359,9 @@ export const generateDefaultDeviceMenuProps = (
           {
             key: 'sectionSpeaker',
             subMenuProps: {
+              calloutProps: {
+                preventDismissOnEvent
+              },
               items: speakers.map((speaker) => ({
                 key: speaker.id,
                 text: speaker.name,