From 6123f474be00ddfad612472a0a5c1751a20884b8 Mon Sep 17 00:00:00 2001
From: embbnux <embbnux@embbnux.com>
Date: Fri, 11 Aug 2017 11:25:14 +0800
Subject: [PATCH] fix stopPropagation problem

---
 src/components/CallItem/index.js             | 1 +
 src/components/ContactDisplay/index.js       | 4 ++++
 src/components/ConversationPanel/index.js    | 1 +
 src/components/ConversationPanel/styles.scss | 4 ++++
 4 files changed, 10 insertions(+)

diff --git a/src/components/CallItem/index.js b/src/components/CallItem/index.js
index 8ae97a2d96..68de8d0e03 100644
--- a/src/components/CallItem/index.js
+++ b/src/components/CallItem/index.js
@@ -366,6 +366,7 @@ export default class CallItem extends Component {
           countryCode={countryCode}
           phoneNumber={phoneNumber}
           currentLocale={currentLocale}
+          stopPropagation={false}
         />
         <div className={styles.details} >
           {durationEl} | {dateEl}{statusEl}
diff --git a/src/components/ContactDisplay/index.js b/src/components/ContactDisplay/index.js
index 35adf381ab..9d506f9e90 100644
--- a/src/components/ContactDisplay/index.js
+++ b/src/components/ContactDisplay/index.js
@@ -52,6 +52,7 @@ export default function ContactDisplay({
   selectClassName,
   showPlaceholder,
   brand,
+  stopPropagation,
 }) {
   let contentEl;
   if (groupNumbers) {
@@ -132,6 +133,7 @@ export default function ContactDisplay({
         dropdownAlign="left"
         titleEnabled
         noPadding
+        stopPropagation={stopPropagation}
       />
     );
   }
@@ -163,6 +165,7 @@ ContactDisplay.propTypes = {
   selectClassName: PropTypes.string,
   showPlaceholder: PropTypes.bool,
   brand: PropTypes.string,
+  stopPropagation: PropTypes.bool,
 };
 ContactDisplay.defaultProps = {
   className: undefined,
@@ -175,4 +178,5 @@ ContactDisplay.defaultProps = {
   selectClassName: undefined,
   showPlaceholder: true,
   brand: undefined,
+  stopPropagation: true,
 };
diff --git a/src/components/ConversationPanel/index.js b/src/components/ConversationPanel/index.js
index 83132e63e3..ef3ffa0578 100644
--- a/src/components/ConversationPanel/index.js
+++ b/src/components/ConversationPanel/index.js
@@ -183,6 +183,7 @@ class ConversationPanel extends Component {
         <div className={styles.header}>
           <ContactDisplay
             className={styles.contactDisplay}
+            selectClassName={styles.contactDisplaySelect}
             contactMatches={correspondentMatches}
             selected={this.state.selected}
             onSelectContact={this.onSelectContact}
diff --git a/src/components/ConversationPanel/styles.scss b/src/components/ConversationPanel/styles.scss
index 768440910f..f097e7506e 100644
--- a/src/components/ConversationPanel/styles.scss
+++ b/src/components/ConversationPanel/styles.scss
@@ -114,3 +114,7 @@
   height: 40px;
   width: 100%;
 }
+
+.contactDisplaySelect {
+  max-width: 180px;
+}