Merge pull request #12235 from vvlladd28/bug/mobile-center/edit-layout

Fixed updated mobile layout and show mobile edit panel

ui-ngx/src/app/modules/home/pages/mobile/bundes/layout/mobile-page-item-row.component.ts

@@ -270,8 +270,8 @@ export class MobilePageItemRowComponent implements ControlValueAccessor, OnInit,
 
   private updateModel() {
     this.modelValue.visible = this.mobilePageRowForm.get('visible').value;
-    const label = this.mobilePageRowForm.get('label').value.trim();
+    const label = this.mobilePageRowForm.get('label').value;
-    if (label) {
+    if (label?.trim()) {
       this.modelValue.label = label;
     } else {
       delete this.modelValue.label;

ui-ngx/src/app/modules/home/pages/mobile/common/editor-panel.component.scss

@@ -32,6 +32,7 @@
   }
   .tb-editor {
     height: 400px;
+    overflow-y: auto;
   }
   .tb-editor-buttons {
     height: 40px;

ui-ngx/src/app/modules/home/pages/mobile/common/editor-panel.component.ts

@@ -59,7 +59,7 @@ export class EditorPanelComponent implements OnInit {
     resize: false,
     setup: (editor) => {
       editor.on('PostRender', function() {
-        const container = editor.getContainer();
+        const container = editor.getContainer().closest('.tb-popover-content');
         const uiContainer = document.querySelector('.tox.tox-tinymce-aux');
         container.parentNode.appendChild(uiContainer);
       });