Scheduler New Form — Fix slide animation overlapping items outside mainGroup

Author: aleksei-semikozov

packages/devextreme/js/__internal/scheduler/appointment_popup/appointment_popup.test.ts

@@ -1609,7 +1609,7 @@ describe('Appointment Form', () => {
       scheduler.showAppointmentPopup();
       POM.popup.selectRepeatValue('weekly');
 
-      const animationTop = POM.popup.dxForm.element().style.getPropertyValue('--dx-scheduler-animation-top');
+      const animationTop = POM.popup.dxForm.$element()[0].style.getPropertyValue('--dx-scheduler-animation-top');
       expect(animationTop).toBe('50px');
     });
   });

packages/devextreme/js/__internal/scheduler/appointment_popup/m_form.ts

@@ -1072,7 +1072,7 @@ export class AppointmentForm {
       return;
     }
 
-    const formElement = this.dxForm.element();
+    const formElement = this.dxForm.$element()[0];
     const mainGroupElement = this._$mainGroup[0];
     const formRect = formElement.getBoundingClientRect();
     const groupRect = mainGroupElement.getBoundingClientRect();