From 0f73c4326e7652e37a696cc72d954ead9fba90f7 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Tue, 6 Sep 2016 15:46:58 +0100
Subject: [PATCH] Added scrolling to queryList

---
 src/components/views/dialogs/ChatInviteDialog.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/views/dialogs/ChatInviteDialog.js b/src/components/views/dialogs/ChatInviteDialog.js
index 1cd1219095..d66d6243a7 100644
--- a/src/components/views/dialogs/ChatInviteDialog.js
+++ b/src/components/views/dialogs/ChatInviteDialog.js
@@ -22,7 +22,7 @@ var MatrixClientPeg = require("../../../MatrixClientPeg");
 var rate_limited_func = require("../../../ratelimitedfunc");
 var Modal = require('../../../Modal');
 
-const TRUNCATE_QUERY_LIST = 4;
+const TRUNCATE_QUERY_LIST = 40;
 
 module.exports = React.createClass({
     displayName: "ChatInviteDialog",
@@ -242,6 +242,16 @@ module.exports = React.createClass({
             );
         }
 
+        var queryList;
+        var queryListElements = this.createQueryListTiles();
+        if (queryListElements.length > 0) {
+            queryList = (
+                <div className="mx_ChatInviteDialog_queryList">
+                    { queryListElements }
+                </div>
+            );
+        }
+
         return (
             <div className="mx_ChatInviteDialog">
                 <div className="mx_Dialog_title">
@@ -255,9 +265,7 @@ module.exports = React.createClass({
                 </div>
                 <div className="mx_Dialog_content">
                     <div className="mx_ChatInviteDialog_inputContainer">{ query }</div>
-                    <div className="mx_ChatInviteDialog_queryList">
-                        { this.createQueryListTiles() }
-                    </div>
+                    { queryList }
                 </div>
                 <div className="mx_Dialog_buttons">
                     <button className="mx_Dialog_primary" onClick={this.onStartChat}>