Fetch cached occupants in the model instead of the view

src/converse-muc-views.js

@@ -2036,20 +2036,16 @@ converse.plugins.add('converse-muc-views', {
 
             ItemView: _converse.ChatRoomOccupantView,
 
-            initialize () {
+            async initialize () {
                 Backbone.OrderedListView.prototype.initialize.apply(this, arguments);
 
                 this.chatroomview = this.model.chatroomview;
                 this.chatroomview.model.on('change:affiliation', this.renderInviteWidget, this);
                 this.chatroomview.model.features.on('change:open', this.renderInviteWidget, this);
                 this.chatroomview.model.features.on('change', this.renderRoomFeatures, this);
-
                 this.render();
-                this.model.fetch({
-                    'add': true,
-                    'silent': true,
-                    'success': this.sortAndPositionAllItems.bind(this)
-                });
+                await this.model.fetched;
+                this.sortAndPositionAllItems();
             },
 
             render () {

src/headless/converse-muc.js

@@ -228,6 +228,15 @@ converse.plugins.add('converse-muc', {
                     `converse.occupants-${_converse.bare_jid}${this.get('jid')}`
                 );
                 this.occupants.chatroom  = this;
+                this.occupants.fetched = new Promise(resolve => {
+                    this.fetch({
+                        'add': true,
+                        'silent': true,
+                        'success': resolve,
+                        'failure': resolve
+                    });
+                });
+
                 this.registerHandlers();
             },