Update dependency quasar to v2 - autoclosed
This MR contains the following updates:
Package | Change | Age | Adoption | Passing | Confidence |
---|---|---|---|---|---|
quasar (source) | ^1.9.10 -> 2.11.5 |
Release Notes
quasarframework/quasar
v2.11.5
Perf
- perf(virt-scroll): better management of animation frames
- perf(QInfiniteScroll): force stop all svg animations in the "loading" slot when slot is not on screen #15094
Fixes
- fix(ui): is.deepEqual not working correctly for Map() or Set() #15248
- fix(QRating): fix kbd navigation #15235 (#15237)
- fix(QDialog): can't open it on Safari if its not persistent (edge case) #14779
- fix(ui): copyToClipboard fallback mechanism in dialog #15076
- fix(Loading/QDrawer/QDialog): prevent scroll - do not scroll back if route has changed since it was activated #15211
- fix(Loading): initialize the instance with the parent app #15245
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.11.4
Changes
- perf(ui): improve timeouts & intervals management (significant improvement) #15203
- perf(ui): hide SVGs inside invisible (#15226)
- feat(QMenu): touch-position and context-menu support for offset #14944
- fix(ui): fullscreen management when more than 1 dialogs are active #15223
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.11.3
New
- feat(ui): Ability to disable Quasar automatically adding "dir" and "lang" HTML attributes to the html tag #15010
Fixes
- fix(QRadio/QCheckbox): checked must be set as .prop to change the native form value and as .attr to change the html attr #15182 (#15183)
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.11.2
New
- feat(ui): prepare body classes for SSG
- feat(QTabs): prepare for SSG while avoiding subsequent re-renders
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.11.1
Fixes
- fix(ui/lang): kk language name
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.11.0
New
- feat(ui): dark mode shadows (and Quasar sass variables)
- feat(ui): Improve QInput and QFile nativeEl types (fix #15128) (#15129)
Fixes
- fix(QInput): set margin first and then decrease height to keep parent scroll (regressing from fixing firefox undo) #15023 (#15047)
- fix(QDialog): listen for click on backdrop on ios because the refocus does not make sense and ios in non-desktop mode does not focus the backdrop on tap #13619 (#14958)
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 (#15097)
- fix(ui/build): ignore .spec.js files when building UI package (has negative effects on the CLI auto-import feature)
- fix(QCard): do not mess with padding for non-rectangle buttons inside QCardActions
- fix(QLinearProgress): "stripe" prop not taking account of "instant-feedback"
Breaking change fix
We are sorry but we really had to push the following because it's a bug with various implications. Should you use this language pack, you should convert kz
to kk
as language name:
- fix(ui): Kazakh language pack renamed from kz to kk as per ISO standard (#14985)
Designer considerations (important!)
Since we added shadows for Dark mode:
- The
shadow-*
,shadow-up-*
,inset-shadow
andinset-shadow-down
CSS helper classes will now output light-colored shadows when Dark mode is enabled. - Quasar components that handle dark mode will now output light-colored shadows when Dark mode is enabled (unless "flat"). These include: QCard, QColor, QDate, QTime, QMenu, QStepper, QTable, QUploader.
- QHeader/QFooter/QDrawer with "elevated" prop will now output light-colored shadows when Dark mode is enabled.
- QDialog will no longer attach any default shadow to its main child element/component. This won't change anything if you're using a QCard (because it already has a shadow). However, any other element/component (including your own) might require you to attach a
shadow-*
class to work the same. - QKnob & QChip will output a light-colored shadow when it's focused and Dark mode is enabled. For QKnob on light-mode (and new dark mode), this shadow has been changed from elevation level 4 to 2.
Donations
Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:
v2.10.2
New
- feat(ui): Add mdi-v7 icon set (fix: #14696) (#14808)
- feat(QPopupProxy): expose inner component (QMenu or QDialog) through new computedProp "currentComponent" so their methods can be exposed #14749
- feat(a11y): improve refocus after popup close with ESC; improve components with popups (#14784)
Fixes
- fix/feat(ui): Fix and improve Dialog plugin types (fix: #14766) (#14781)
- fix(ui): Fix QPopupProxy.currentComponent API def
- fix(QDate): only refocus blurTarget if focus is already in component #14841, #14878 (#14868)
- fix(QInput): re-emit keydown and animationend events #11120 (#14866)
- fix(QImg): prevent SSR hydration error in suspense; restore placeholder image on null addImage or onError #14815, #14858 (#14869)
- fix(QSelect): avoid keyboard reacting when macOS Command key is pressed
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:
v2.10.1
New
- feat(ui): normalize events to camelCase
- feat(transitions): better algorithm which avoids a few extra component re-renders (QDialog/QMenu/QTooltip/QInnerLoading) #14491
- feat(QDialog/QForm): improve selection of autofocused element; refocus (#14737)
- feat(QDialog/QMenu/QTooltip): add contentEl public computed prop #14708
- feat(QInput/QFile): provide public computed prop nativeEl on the vue ref
- feat(QList): new prop -> tag #14710
Fixes
- fix(QBtnDropdown): "flat" prop not working with "split" #14657
- fix(QSelect): safari scrolls to top when focusing a 0 dimension element #13693 (#14628)
- fix(mask): trim input to the length of the mask (if mask is not reverse) to avoid regex lock #14558 (#14684)
- fix(QScrollArea): process rtl mode; keep scroll position on rtl change #14721 (#14729)
- fix(QBottomSheet): prevent double emit onOk when pressing ENTER on QItem (#14741)
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:
v2.10.0
New
- feat(a11y): improve a11y for components (#14609)
- refactor+feat+fix+perf(QPagination): fix button design props; new props (gutter & active-design); enhance runtime speed #14577
- feat(QBtnDropdown): Support transition props (#14585)
- perf(QBtnToggle): reduce number of props passing through
Fixes
- fix(ui): correctly handle required & missing inject() values
- fix(QBtnDropdown): only pass QBtn props to these inner components; don't let junk attributes get attached
- fix(mask): improve unmask char in ending position detection (#14563)
- fix(QChip): use sepparate attrs for chip and remove button #14561 (#14565)
- fix(QBreadcrumbsEl): remove un-used 'ripple' prop from JSON API (#14603)
- fix(QFile/QUploader): fix dnd on firefox and safari on macOS #13226 (#14564)
- fix(QDrawer/QResizeObserver): QResizeObserver needs to be initialized as soon as possible otherwise the QLayout totalWidth watcher is called too late for QDrawer #14573
Designer considerations
For those that have tweaked the design of QPagination: Due to the current fixes and new features for QPagination, its inner HTML markup has some small but important changes. You might want to plan some time to revise your tweaks when upgrading to v2.10.
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:
v2.9.2
New
- feat(QTree): New Boolean prop: no-transition (perf; recommended when using relatively large data) #14521 (#14548)
Fixes
- fix(directives): allow camelCase modifiers to work on UMD (#14556)
- fix(QTabs): guard against acessing route when Vue Router is not available #14554 #14549
- fix(mask): allow masking characters in last position to avoid regex matcher freeze #14558 (#14559)
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:
v2.9.1
Fixes
- fix(ui/utils/extend): small glitch (regression in 2.9.0)
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:
v2.9.0
New
- feat(QTabs): better active route matching algorithm; might give slightly different (but more logical) results
- feat(QTabs): improve cleanup; auto position to active tab when not using router as well #14470
- perf(QTabs): better way to watch the current route
- perf(QTabs): better algorithm for QTab register/unregister
- feat(QTabs): improve keyboard navigation (home/end keys)
- feat(QTabs): when using keyboard and focusing to QTab -> focus directly on the active tab and scroll to it
- feat(QRouteTab): significantly enhance the ability to cancel/delay/redirect navigation
- feat(ui/utils): modernize extend util
- feat+perf(ui): various improvements to events (QBtn/Touch*/QStep)
- feat(QBtn): significantly enhance the ability to cancel/delay/redirect navigation
- feat(QItem): ability to cancel/delay/redirect navigation
- feat(QBreadcrumbsEl): ability to cancel/delay/redirect navigation
- feat(QRating): add a11y for icons #13941 #14477
- feat(QCheckbox,QRadio,QToggle): set aria-hidden on the whole __inner content (includes visual style and form component) #13093 (#14479)
- feat(ui/utils): improve private useTick() and useTimeout() - don't allow to trigger when component gets destroyed
Fixes
- fix(ui): JSON API for QEditor caret computedProp (#14476)
- fix(lang): update NL translation for expand/collapse (#14499)
- fix(QTree): Allow no-selection-unset to accept 0 as a key (#14506)
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:
v2.8.4
New
- feat(ui/utils): new util -> runSequentialPromises()
- feat(QCircularProgress): New Boolean prop -> rounded (#14426)
- feat(QForm): validate fields in order if not greedy (even async); mark field as dirty if validation fails #14405 (#14410)
- feat(a11y): improve QExpansionItem, QSelect, QChip, QDialog, QMenu, QFab, QBtnDropdown #14338 (#14455)
- feat(QTable):use virtualScrollStickySizeStart to adjust scrolling with scrollTo when non-virtual-scroll #14450 (#14460)
Fixes
- fix(QUploader/QFile): should avoid duplicates when append is set, instead of the other way around
- fix(ui): Add missing QLoadingUpdateOptions type (#14421)
- fix(ui): Add TS definitions for "is" utils (#14456)
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:
v2.8.3
New
- feat(ui): Offer callable builtin validation rules (#14403)
Fixes
- fix(ui): Fix $q.loading type (#14395)
- fix(ui): Add missing QUploader.isUploading API entry (fix #13217) (#14399)
- fix(QInput): do not change overflow on autogrow textarea because it breaks undo and does not compute size as expected #14344, #14263, #13196 (#14398)
- fix(QFile): files wrongly marked as duplicated when non-append after subsequent file picking #14406
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:
v2.8.2
Changes
- Auto-register all components and directives in the non-standard prod quasar.esm.prod.js entry-point #14391 #14393
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:
v2.8.1
Changes
- Adds back the non-standard dist/quasar.esm.prod.js entry-point
- fix(QField): prevent focus when clicking on bottom slot #14383 (#14387)
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:
v2.8.0
New
- feat(ui;vite-plugin): greatly reduce HTTP requests (to 1 only) when dealing with Quasar's source code when in DEV mode
- feat(Loading): ability to group instances; allows multiple instances simultaneously while managing the state of each group individually
- feat(QBtnDropdown): add "loading" slot #12857
- feat/fix(api/QEditor): Fix and improve definitions prop type (fix #14141) (#14227)
- feat(ui): New utils for type-checking -> is
- feat(docs&api&ts): Add new top-level section 'computedProps' to JSON API (#14243)
Fixes
- fix(api/QTable): Add missing rowsNumber to requestServerInteraction (#14269)
- fix(ui): Handle non-boolean windowFeatures with openURL (fix #14278)
- fix(api/QTable): Add missing rowsNumber to requestServerInteraction (#14269)
- fix(QSlider/QRange): fix odd keydown behavior when on vertical mode (fix: #13132) (#14385)
- fix(ui/QTable): Use correct definition for
@request
's filter (#14345) - fix(QUploader): expose public fields #14241
- fix(QSelect): skip tab navigation for autocomplete input #14378 (#14376)
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:
v2.7.7
Quick fix
- fix(QDialog): Impossible to open QDialog since quasar 2.7.6 under certain scenarios (#14126)
- fix(QDialog): update() method breaks when dialog was instantiated without componentProps
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:
v2.7.6
New
- feat(DialogPlugin): improve showing of dialog when async components are used (#13900)
- feat(QExpansionItem): expose internal expanded status for header slot #13915 (#13920)
Fixes
- fix(QCheckbox/QRadio/QToggle): refocus target should be rendered when not disable (#13863)
- fix(ui): QTableColumn['field'] type compatibility (#13876)
- fix(QField): fix detection of floating label when value is number #13985 (#13990)
- fix(QFile/QUploader): reset file input after files are processed - avoid change event not triggering on reselecting same set of files #14047 (#14055)
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:
v2.7.5
Fixes
- fix(QSelect): autofocus attr was not set when not using use-input #13831 (#13834)
- fix(QBreadcrumbs): fix child elements disable prop detection #13824 (#13825)
- fix(QInput): prevent problems with cordova on iOS #13653 (#13839)
- fix(QUploader): "washed-up" header bg color #12515
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:
v2.7.4
New
- feat(ui): add uz-Cyrl & uz-Latn language packs (#13783)
Fixes
- fix(QInput): set temp value when composing so on re-render the correct text is used #13680 (#13747)
- fix(QScrollArea): use smaller thumb size based on total size #13738 (#13748)
- fix(QTimeline): svg icon have incorrect size (#13754)
- fix(date utils): don't use negative 0 short year #13778 (#13781)
- fix(ui): add missing ionicon icon sets (#13793)
- fix(QSelect): float label when there is inputValue #13801 (#13804)
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:
v2.7.3
- refactor(ui): workaround Vue 3.2.32+ bug on accessing proxy props #13732
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:
v2.7.2
New
- feat(ui): Add Sāmoan language support (#13646)
- feat(QFile/QUploader): add class on component when DnD is active #13629 (#13636)
- feat(QDialog): new Boolean prop -> allow-focus-outside #13595
Fixes
- fix(ui): Material Symbols Outlined - icon set (#13491)
- fix(VirtualScroll): guard setOverflowAnchor for undefined contentEl f07d7c (#13547)
- fix(extractDate): default to first day of month instead of last day of prev month when day is missing in the mask #13514 (#13523)
- fix(QSelect): set aria-activedescendant on combobox also (implementation on screen readers/browsers differ) #13576 (#13630)
- fix(QTable): do not reset virtual scroll when loading prop changes #13558 (#13563)
- fix(ui): Update ca.js language. (#13679)
- fix(types): Pagination wrong type for update:model-value (#13660)
- fix(QInput/QSelect): simplify and fix composition detection #13599 (#13659)
- fix(QIcon): fix QIcon shrink without breaking aspect #12016, #13521 (#13651)
- fix(ui): Update ko-KR.js (#13620)
- fix(QImg): prevent inline white space to move image down #13598 (#13657)
- fix(QSelect): fix menu scroll when options list length increases #13700, #13694 (#13710)
- fix(anchor): prevent error while setting anchor on detached component #9396, #13707 (#13713)
- fix(ui): @vue/compat ATTR_FALSE_VALUE warning (#13511)
- fix(QTable): Unnecessary border after last row of nested table (#13204)
- fix(Ripple): don't trigger duplicate early ripple on mobiles #13596 (#13728)
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: