fix for https://github.com/tinode/chat/issues/563

src/views/new-topic-view.jsx

@@ -102,22 +102,22 @@ class NewTopicView extends React.Component {
         {this.state.tabSelected === 'grp' ?
           <NewTopicGroup onSubmit={this.handleNewGroupSubmit} /> :
           this.state.tabSelected === 'byid' ?
-          <NewTopicById
+            <NewTopicById
-            onSubmit={this.handleGroupByID}
+              onSubmit={this.handleGroupByID}
-            onError={this.props.onError} /> :
+              onError={this.props.onError} /> :
-          <div className="flex-column">
+            <div className="flex-column">
-            <SearchContacts
+              <SearchContacts
-              type="p2p"
+                type="p2p"
-              onSearchContacts={this.handleSearchContacts} />
+                onSearchContacts={this.handleSearchContacts} />
-            <ContactList
+              <ContactList
-              contacts={this.props.searchResults}
+                contacts={this.props.searchResults}
-              myUserId={this.props.myUserId}
+                myUserId={this.props.myUserId}
-              emptyListMessage={no_contacts_placeholder}
+                emptyListMessage={no_contacts_placeholder}
-              showOnline={false}
+                showOnline={false}
-              showUnread={false}
+                showUnread={false}
-              showContextMenu={false}
+                showContextMenu={false}
-              onTopicSelected={this.handleContactSelected} />
+                onTopicSelected={this.handleContactSelected} />
-          </div>}
+            </div>}
       </div>
     );
   }

src/views/tinode-web.jsx

@@ -1063,10 +1063,10 @@ class TinodeWeb extends React.Component {
     HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, hash));
   }
 
-  // Request to start a topic, new or selected from search results.
+  // Request to start a topic, new or selected from search results, or "by ID".
   handleStartTopicRequest(topicName, pub, priv, tags, isChannel) {
     // Check if topic is indeed new. If not, launch it.
-    if (topicName && this.tinode.getTopic(topicName)) {
+    if (topicName && this.tinode.isTopicCached(topicName)) {
       this.handleTopicSelected(topicName);
       return;
     }

src/widgets/new-topic-by-id.jsx

@@ -52,7 +52,7 @@ class NewTopicById extends React.PureComponent {
           description="Prompt for entering user or group ID">{
           (prompt) => <input type="text" placeholder={prompt}
             value={this.state.groupId} onChange={this.handleChange}
-            onKeyPress={this.handleKeyPress} required />
+            onKeyPress={this.handleKeyPress} required autoFocus />
         }</FormattedMessage>
         </div>
         <div className="dialog-buttons">

umd/index.dev.js

@@ -2976,6 +2976,7 @@ class MessagesView extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Componen
 
     if (topic && !topic.isSubscribed() && this.props.ready && (this.state.topic != prevState.topic || !prevProps.ready)) {
       const newTopic = this.props.newTopicParams && this.props.newTopicParams._topicName == this.props.topic;
+      console.log("new topic", newTopic, this.props.newTopicParams ? this.props.newTopicParams._topicName : '[null newTopicParams]', this.props.topic);
       let getQuery = topic.startMetaQuery().withLaterDesc();
 
       if (this.state.isSharer || newTopic && !topic.isChannel()) {
@@ -5199,6 +5200,8 @@ class TinodeWeb extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component {
   }
 
   handleTopicSelected(topicName) {
+    console.log("handleTopicSelected", topicName, this.state.newTopicParams);
+
     if (this.state.newTopicParams && this.state.newTopicParams._topicName != topicName) {
       this.setState({
         newTopicParams: null
@@ -5571,7 +5574,7 @@ class TinodeWeb extends react__WEBPACK_IMPORTED_MODULE_0___default.a.Component {
   }
 
   handleStartTopicRequest(topicName, pub, priv, tags, isChannel) {
-    if (topicName && this.tinode.getTopic(topicName)) {
+    if (topicName && this.tinode.isTopicCached(topicName)) {
       this.handleTopicSelected(topicName);
       return;
     }
@@ -9019,7 +9022,8 @@ class NewTopicById extends react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComp
       value: this.state.groupId,
       onChange: this.handleChange,
       onKeyPress: this.handleKeyPress,
-      required: true
+      required: true,
+      autoFocus: true
     }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
       className: "dialog-buttons"
     }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {