Scheduler - Close Repeat SelectBox popup when navigating to recurrence group

Author: aleksei-semikozov

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

@@ -1307,6 +1307,28 @@ describe('Appointment Form', () => {
       expect(POM.popup.isRecurrenceGroupVisible()).toBe(true);
     });
 
+    it('should close repeat selectbox popup when navigating to recurrence group via settings button', async () => {
+      const { POM, scheduler } = await createScheduler({
+        ...getDefaultConfig(),
+        dataSource: [{ ...recurringAppointment }],
+      });
+
+      const dataSource = (scheduler as any).getDataSource();
+      const appointment = dataSource.items()[0];
+
+      scheduler.showAppointmentPopup(appointment);
+      POM.popup.editSeriesButton.click();
+
+      const repeatEditor = POM.popup.dxForm.getEditor('repeatEditor');
+      POM.popup.getInput('repeatEditor').click();
+
+      expect(repeatEditor?.option('opened')).toBe(true);
+
+      POM.popup.recurrenceSettingsButton.click();
+
+      expect(repeatEditor?.option('opened')).toBe(false);
+    });
+
     it('should have disabled week day buttons when allowUpdating is false', async () => {
       const { POM, scheduler } = await createScheduler({
         ...getDefaultConfig(),

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

@@ -920,6 +920,8 @@ export class AppointmentForm {
   }
 
   showRecurrenceGroup(): void {
+    this.dxForm.getEditor(REPEAT_EDITOR_NAME)?.close?.();
+
     this._popup.updateToolbarForRecurrenceGroup();
 
     const currentHeight = this.dxPopup.option('height') as string | number | undefined;