Skip to content

QDate: Incorrect slide animation on first "previous" click #18063

@attikos

Description

@attikos

What happened?

In the component, the first click on the “previous” (←) button to navigate between months or years triggers the wrong slide animation direction.

❌ On the first click, the slide animates as if navigating forward (right), even though the user is going backward.
✅ On all subsequent clicks, the animation works correctly — sliding left as expected when going back.

What did you expect to happen?

The very first click on the “previous” button should animate the slide to the left, indicating a backward navigation.

Reproduction URL

https://codepen.io/car5/pen/pvJmBxM

How to reproduce?

  1. Open the QDate component (e.g., Quasar official demo https://quasar.dev/vue-components/date/ ).
  2. Click the ← (previous) button to move to the previous month.
  3. Observe that the first animation slides right, instead of left.
  4. Click the same button again — now the animation is correct (slides left).

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Relevant log output

Additional context

Affected versions:
• Quasar v2.14.5 to v2.18.1

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions