fix(device-picker) Close picker when another is open (#13190)

react/features/toolbox/components/web/AudioSettingsButton.tsx

@@ -100,9 +100,11 @@ class AudioSettingsButton extends Component<IProps> {
      * @returns {void}
      */
     _onClick(e?: React.MouseEvent) {
-        const { onAudioOptionsClick } = this.props;
+        const { onAudioOptionsClick, isOpen } = this.props;
 
-        e?.stopPropagation();
+        if (isOpen) {
+            e?.stopPropagation();
+        }
         onAudioOptionsClick();
     }
 

react/features/toolbox/components/web/VideoSettingsButton.tsx

@@ -117,9 +117,11 @@ class VideoSettingsButton extends Component<IProps> {
      * @returns {void}
      */
     _onClick(e?: React.MouseEvent) {
-        const { onVideoOptionsClick } = this.props;
+        const { onVideoOptionsClick, isOpen } = this.props;
 
-        e?.stopPropagation();
+        if (isOpen) {
+            e?.stopPropagation();
+        }
         onVideoOptionsClick();
     }