Scheduler - Close Repeat SelectBox popup when navigating to recurrence group

Author: aleksei-semikozov

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

@@ -1323,6 +1323,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

@@ -17,6 +17,7 @@ import type { Properties as SwitchProperties } from '@js/ui/switch';
 import type { Properties as TextAreaProperties } from '@js/ui/text_area';
 import { current, isFluent } from '@js/ui/themes';
 import { dateSerialization } from '@ts/core/utils/m_date_serialization';
+import DropDownEditor from '@ts/ui/drop_down_editor/m_drop_down_editor';
 import type Popup from '@ts/ui/popup/m_popup';
 
 import timeZoneUtils from '../m_utils_time_zone';
@@ -917,6 +918,11 @@ export class AppointmentForm {
   }
 
   showRecurrenceGroup(): void {
+    const repeatEditor = this.dxForm.getEditor(REPEAT_EDITOR_NAME);
+    if (repeatEditor instanceof DropDownEditor) {
+      repeatEditor.close();
+    }
+
     this._popup.updateToolbarForRecurrenceGroup();
 
     const currentHeight = this.dxPopup.option('height') as string | number | undefined;