fix: prevent qalendar from resetting to default mode when being resiz…

…ed (#98)
tomosterlund · Nov 20, 2022 · e27af87 · e27af87
1 parent c40fe66
commit e27af87
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/cypress/e2e/01-smoke.cy.ts b/cypress/e2e/01-smoke.cy.ts
@@ -51,4 +51,22 @@ describe('Rendering the component', () => {
       expect(periodNameElement.text()).to.not.equal(periodName)
     })
   });
-})
+
+  it('Keeps selected mode on resizing', () => {
+    // Start in week mode
+    cy.get('.mode-is-week')
+
+    // Change to another mode
+    cy
+      // @ts-ignore
+      .changeMode('month')
+
+    cy.get('.mode-is-month')
+
+    // Resize the window
+    cy.viewport(1000, 500).wait(1000)
+
+    // Expect to still be in the same mode
+    cy.get('.mode-is-month')
+  })
+})
diff --git a/src/Qalendar.vue b/src/Qalendar.vue
@@ -268,9 +268,7 @@ export default defineComponent({
 
       this.calendarWidth = calendarRoot.clientWidth;
 
-      if (this.calendarWidth < dayModeBreakpoint) this.mode = 'day';
-      if (this.calendarWidth >= dayModeBreakpoint)
-        this.mode = this.config?.defaultMode || 'week';
+      if (this.calendarWidth < dayModeBreakpoint && this.mode !== 'day') this.mode = 'day';
     },
 
     setPeriodOnMount() {