We've backported most of the new features and fixes from Quasar v2, but we are still recommending you to upgrade to Quasar v2 with Vue 3 since Quasar v1 support will end during 2022.
Please support our efforts by donating towards the project (links at the bottom). Thank you!
New
- feat(QSlider/QRange): (backport from Qv2) new props -> marker-labels, marker-labels-class, switch-label-side, switch-marker-labels-side
- feat(QSlider/QRange): (backport from Qv2) new slots -> marker-label; marker-label-group
- feat(QSlider/QRange): (backport from Qv2) new props -> inner-min, inner-max #11456
- feat(QSlider/QRange): (backport from Qv2) new props -> thumb-color, track-color, track-img, inner-track-color, inner-track-img, selection-color, selection-img
- feat(QRange): (backport from Qv2) new props -> left-thumb-color, right-thumb-color
- feat(QSlider/QRange): (backport from Qv2) new props -> track-size, thumb-size
- feat(QSlider/QRange): (backport from Qv2) design improvements #9181
- feat(QIcon/lang): (backport from Qv2) QIcon implementation and Quasar lang (#11586)
- feat(QDialog): (backport from Qv2) add no-shake prop #10858 (#11605)
- feat(QColor): (backport from Qv2) new prop -> no-header-tabs #8337 (#11604)
- feat(QCarousel): (backport from Qv2) reverse autoplay when prop value is negative number #8111 (#11603)
- feat(QInnerLoading): (backport from Qv2) New props -> label, label-class, label-style #8619 (#11602)
- feat(QOptionGroup): (backport from Qv2) New slots -> "label" and "label-N" #8609 (#11600)
- feat(QTree): (backport from Qv2) new prop -> dense #10559 (#11598)
- feat(QSlider/QRange): (backport from Qv2) custom markers step ("markers" prop now support Number as value) #11058 (#11599)
- perf(VirtualScroll): (backport from Qv2) prevent repaint on elements that are not visible
- feat(VirtualScroll,QInfiniteScroll): (backport from Qv2) restore scroll position when using keep-alive
- feat(Notify): (backport from Qv2) center media if no message or caption is present
- feat(QField): (backport from Qv2) use scoped slots for error and hint #9763 (#11614)
- feat(QTabs): (backport from Qv2) add activeClass prop #10494 (#11609)
- feat(Notify): improve detection of empty content - center media if no message or caption is present #10551 (#11616)
- feat(validation): (backport from Qv2) improve validation #8611 (#11608)
- feat(AppFullscreen): (backport from Qv2) toggle fullscreen even if there is already a fullscreen el; get active element and fullscreen status on fullscreenchange event (#11620)
- feat(Dialog/BottomSheet): always provide a parent component (#11638)
- feat(QFab): (backport from Qv2) add scoped slots for icon, icon-active and label #7689 (#11618)
- refactor(Notify): (backport from Qv2) perf enhancements (#11670)
- feat(router-link): clean up usage of tag and event props #9642 (#11672)
- feat(QBreadcrumbs): (backport from Qv2) improvement for breadcrumb elements (#11673)
- feat(QUploader/QFile): (backport from Qv2) improve kbd navigation; emit rejected; more unique key for files (#11610)
- feat(QScrollArea): (backport QScrollArea from Qv2) both vertical and horizontal #7471; save and restore scroll position in keep-alive (#11671)
- feat(router-link): (backport from Qv2) add href and target #10636 (#11640)
- feat(QColor): (backport from Qv2) update usage of new QSliders (#11817)
- feat(QPopupEdit): (backport from Qv2) add editing of internal model without changing the original value #11585 (#11701)
- feat(date): (backport from Qv2) various tweaks and fixes
- feat(QVideo): (backport from Qv2) add new prop (title) for accessibility purposes #11894
Fixes
- fix(QLinearProgress): (backport from Qv2) query mode should move in opposite direction to indeterminate (#11596)
- fix(QRating): (backport from Qv2) tooltips with icon in svg/img format not working correctly #11055 (#11601)
- fix(QDrawer): (backport from Qv2) always recompute belowBreakpoint on QLayout (when width changes) if containerized
- fix(QEditor): (backport from Qv2) limit width in fullscreen mode
- fix(fullscreen): (backport from Qv2) fullscreen padding on capacitor/cordova
- fix(QLayout): (backport from Qv2) respect fixed/non-fixed header/footer when not on iOS (fix: #11397) (#11369)
- fix(QInfiniteScroll): (backport from Qv2) make necessary adjustments when "reverse" & "disable" props change
- fix(api): (backport from Qv2) update "inset" prop description
- fix(QBtnDropdown): (backport from Qv2) show split line when outline
- fix(debouncing): (backport from Qv2) cancel pending debounced calls when components are destroyed (#11607)
- fix(QSelect): (backport from Qv2) do not auto show popup on focus #8592
- fix(QEditor/QTable): (backport from Qv2) fix height when used in fullscreen (#11623)
- fix(fullscreen): (backport from Qv2) keep count of fullscreen elements (#11624)
- fix(QBtn): (backport from Qv2) Only use type attr on button #10636
- fix(QInfiniteScroll): (backport from Qv2) containerHeight error #11606
- fix(isDeepEqual): (backport from Qv2) ignore undefined keys in objects when comparing (#11622)
- fix(QStepper): (backport from Qv2) scope contracted prop only to the header to avoid propagating to child steppers #10191 (#11615)
- fix(QTime): (backport from Qv2) "Now" button misbehaving if user is already middleway selecting a time #10727
- fix(QDate): (backport from Qv2) day buttons text alignment #11659 (#11667)
- fix(QRouteTab): do not navigate using RouterLink navigate; fix ripple show condifiton (#11678)
- fix(docs): backport of #11686 to v1 (mobile access to Search) (#11699)
- fix(QTabs): (backport from Qv2) fix RTL mode; improve tabs scrolling #8578, #10034 (#11685)
- fix(VirtualScroll): (backport from Qv2) use rtlHasScrollBug instead ol local detectBuggyRTL; small tweaks for virtual-scroll (#11740)
- fix(CSS breakpoints): (backport from Qv2) workaround fractional window width with HiDPI scalling #9829 (#11797)
- fix(QSelect): (backport from Qv2) throws error when using a function for option-value and initial model is null #11754 (#11800)
- fix(ui/portal): (backport from Qv2) avoid registering portal multiple times; improve algorithm and protect against future failures #11767
- fix(QSelect): use-input on iOS scrolls to top of the page when with dialog and closing it #11481
- fix(ui/date): (backport from Qv2) ability to use it before Lang is initialized
- fix(QDate): (backport from Qv2) the "set today" button should not unset model
Docs
- feat(docs): various improvements on the search feature
- feat(docs): allow users to play with Flex Grid Playground in Fullscreen (#11775)
- feat(docs): add "All" tab in the example cards (displays all code parts of the example - template/script/style)
Designer considerations
For those that have tweaked the design of QSlider and QRange: Due to the big number of new features for QSlider and QRange, the inner HTML markup has some changes for the two components. You might want to plan some time to revise your tweaks when upgrading to v1.17.
Donations
Quasar Framework is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider: