From 830ec3d097c23a7f594c55e43d5122e767196b93 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Thu, 10 Aug 2017 09:14:04 -0700
Subject: [PATCH] fix(video-quality): change click handler location on label

This will prevent the quality dialog from closing when changing
desired quality level.
---
 .../video-quality/components/VideoQualityLabel.web.js      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/react/features/video-quality/components/VideoQualityLabel.web.js b/react/features/video-quality/components/VideoQualityLabel.web.js
index b4e9ef274..adb80ead1 100644
--- a/react/features/video-quality/components/VideoQualityLabel.web.js
+++ b/react/features/video-quality/components/VideoQualityLabel.web.js
@@ -163,14 +163,15 @@ export class VideoQualityLabel extends Component {
         return (
             <div
                 className = { classNames }
-                id = 'videoResolutionLabel'
-                onClick = { this._onDialogToggle }>
+                id = 'videoResolutionLabel'>
                 <AKInlineDialog
                     content = { <VideoQualityDialog /> }
                     isOpen = { this.state.showVideoQualityDialog }
                     onClose = { this._onDialogClose }
                     position = { 'left top' }>
-                    <div className = 'video-quality-label-status'>
+                    <div
+                        className = 'video-quality-label-status'
+                        onClick = { this._onDialogToggle }>
                         { _audioOnly
                             ? <i className = 'icon-visibility-off' />
                             : this._mapResolutionToTranslation(_resolution) }