Started bug fixing

qortal-ui-plugins/plugins/core/components/ChatPage.js

@@ -59,11 +59,11 @@ class ChatPage extends LitElement {
             editedMessageObj: { type: Object },
             iframeHeight: { type: Number },
             chatMessageSize: { type: Number},
-            imageFile: {type: Object},
-            isUploadingImage: {type: Boolean},
+            imageFile: { type: Object },
+            isUploadingImage: { type: Boolean },
             caption: { type: String },
-            chatEditor: {type:  Object},
-            chatEditorNewChat: {type: Object}
+            chatEditor: { type:  Object },
+            chatEditorNewChat: { type: Object }
         }
     }
 
@@ -144,7 +144,6 @@ class ChatPage extends LitElement {
             width: 92%;
         }
 
-
         .senderName {
             margin: 0;
             color: var(--mdc-theme-primary);
@@ -234,8 +233,8 @@ class ChatPage extends LitElement {
             overflow: hidden;
             justify-content: center;
             background: white;
-    padding: 5px;
-    border-radius: 1px;
+            padding: 5px;
+            border-radius: 1px;
         }
 
         .chatbar-caption {
@@ -435,7 +434,6 @@ class ChatPage extends LitElement {
         .dialog-container {
             position: relative;
             display: flex;
-            flex-direction: column;
             align-items: center;
             padding: 0 10px;
             gap: 10px;
@@ -523,29 +521,21 @@ class ChatPage extends LitElement {
                                 ${this.imageFile && html`
                                     <img src=${URL.createObjectURL(this.imageFile)} alt="dialog-img" class="dialog-image" />
                                 `}
-                                <!-- Replace by reusable chatbar component -->
-                                    <div class="caption-container">
+                                <div class="caption-container">
                                     <chat-text-editor
-                        iframeId="newChat"
-                        ?hasGlobalEvents=${false}
-                        placeholder=${this.chatEditorPlaceholder}
-                        ._sendMessage=${this._sendMessage}
-                                .setChatEditor=${(editor)=> this.setChatEditorNewChat(editor)}
-                                .chatEditor=${this.chatEditorNewChat}
-            .imageFile=${this.imageFile}
-            .insertImage=${this.insertImage}
- 
-            .editedMessageObj=${this.editedMessageObj}
-
-            ?isLoading=${this.isLoading}
-            ?isLoadingMessages=${this.isLoadingMessages}
-                        ></chat-text-editor>
-                                    <!-- <iframe  
-                                }}" id="newChat"  class="chat-editor"  tabindex="-1" height=${this.iframeHeight}>
-                                </iframe> -->
-                                       
-                                   
-                                    </div>
+                                        iframeId="newChat"
+                                        ?hasGlobalEvents=${false}
+                                        placeholder=${this.chatEditorPlaceholder}
+                                        ._sendMessage=${this._sendMessage}
+                                        .setChatEditor=${(editor)=> this.setChatEditorNewChat(editor)}
+                                        .chatEditor=${this.chatEditorNewChat}
+                                        .imageFile=${this.imageFile}
+                                        .insertImage=${this.insertImage}
+                                        .editedMessageObj=${this.editedMessageObj}
+                                        ?isLoading=${this.isLoading}
+                                        ?isLoadingMessages=${this.isLoadingMessages}>
+                                    </chat-text-editor>
+                                </div>
                                     ${this.chatMessageSize >= 750 ? 
                                     html`
                                     <div class="message-size-container">
@@ -617,22 +607,21 @@ class ChatPage extends LitElement {
                                 </div>
                             `}
                         <div class="chatbar" style="${this.chatMessageSize >= 750 && 'padding-bottom: 7px'}">
-                        <chat-text-editor
-                        ?hasGlobalEvents=${true}
-                        iframeId="_chatEditorDOM"
-                        placeholder=${this.chatEditorPlaceholder}
-                        ._sendMessage=${this._sendMessage}
+                            <chat-text-editor
+                                ?hasGlobalEvents=${true}
+                                iframeId="_chatEditorDOM"
+                                placeholder=${this.chatEditorPlaceholder}
+                                ._sendMessage=${this._sendMessage}
                                 .setChatEditor=${(editor)=> this.setChatEditor(editor)}
                                 .chatEditor=${this.chatEditor}
-            .imageFile=${this.imageFile}
-            .insertImage=${this.insertImage}
-            .chatMessageInput=${this.chatMessageInput}
-            .editedMessageObj=${this.editedMessageObj}
-            .mirrorChatInput=${this.mirrorChatInput}
-            ?isLoading=${this.isLoading}
-            ?isLoadingMessages=${this.isLoadingMessages}
-                        ></chat-text-editor>
-                       
+                                .imageFile=${this.imageFile}
+                                .insertImage=${this.insertImage}
+                                .chatMessageInput=${this.chatMessageInput}
+                                .editedMessageObj=${this.editedMessageObj}
+                                .mirrorChatInput=${this.mirrorChatInput}
+                                ?isLoading=${this.isLoading}
+                                ?isLoadingMessages=${this.isLoadingMessages}>                            
+                            </chat-text-editor>
                     </div>
                 </div>
             </div>

qortal-ui-plugins/plugins/core/components/ChatScroller.js

@@ -125,12 +125,10 @@ class ChatScroller extends LitElement {
         this.upObserverElement = this.shadowRoot.getElementById('upObserver');
         this.downObserverElement = this.shadowRoot.getElementById('downObserver');
         // Intialize Observers
-        this.upElementObserver()
-        this.downElementObserver()
-        await this.updateComplete
-        this.viewElement.scrollTop = this.viewElement.scrollHeight + 50
-
-        
+        this.upElementObserver();
+        this.downElementObserver();
+        await this.updateComplete;
+        this.viewElement.scrollTop = this.viewElement.scrollHeight + 50;
     }
 
     _getOldMessage(_scrollElement) {