q-knob reverse (counterclockwise) direction quirks

[diviman]

What happened?

As stated in the documentation, the QKnob component inherits all the properties of the QCircularProgress ancestor. The QKnob API does not specify an inherited reverse property, but it is possible to use it. When using a component with a reverse orientation, it renders correctly, but the mouse controls this one in "clockwise" mode.

What did you expect to happen?

When using "reverse" mode, the correct way to control the QKnob value with the mouse is "counter-clockwise", not "clockwise".

Reproduction URL

https://codepen.io/diviman/pen/eYebwjb

How to reproduce?

1. Open the link.
2. Try to manipulate the QKnob control.

Flavour

Quasar CLI (@quasar/cli | @quasar/app)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Operating System - Windows_NT(10.0.17763) - win32/x64
NodeJs - 16.14.0

Global packages
  NPM - 8.5.2
  yarn - Not installed
  @quasar/cli - 1.2.2
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.5.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app - 3.3.3 -- Quasar Framework local CLI
  @quasar/extras - 1.12.5 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.31 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.0.12 -- > This is the repository for Vue Router 4 (for Vue 3)
  vuex - 4.0.2 -- state management for Vue.js
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.17.5 -- Babel compiler core.
  webpack - 5.69.1 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.7.4 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.5.5 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - Sirius
  Ethernet - 192.168.100.238

Relevant log output

No response

Additional context

No response

[rstoenescu]

Fix will be available in Quasar v2.6.0 and v1.18.6