Very important!

This is the last release before Quasar v1.0.0-rc.1 (unless something major comes up). Make sure you upgrade to it before going to rc.1 because in rc.1 all deprecation notices will be removed.

We are also preparing to move everything to our new domain [ quasar.dev ] instead of current [ quasar-framework.org ].

Release Notes

Breaking

If using QUploader and if using header slot: you'll need to install a new component (QUploaderAddTrigger); more info in docs; we are sorry for the small breaking change, but it is absolutely required in order for QUploader to be able to work on iOS on Cordova

New

• feat(QDate/QTime): mask & locale management; lots of fixes and enhancements; extractDate for date utils Yep, you can use your own mask (eg: YYYY-MM-DD) ...and yes, you can now connect both a QDate and a QTime to the same model! Check out the docs again.
• feat(QInput): Improve mask to allow custom fill char, fill from right (#4121)
• feat(QIcon): invisible text until the font loads (based on https://font-display.glitch.me/)
• feat(QUploader): make header slot easier to manage (new scope props: canAddFiles, along with existing canUpload and isUploading); need new component QUploaderAddTrigger (if using header slot) in order to also handle adding files correctly on iOS on Cordova (change required regardless of build mode!), for more info see the docs
• feat(QTable): default template for grid mode; easier to cope with the CSS; card-style & card-class new props #4077
• perf(QTable): slight improvement in perf
• feat(QFab/QFabAction): New Boolean prop - disable #4079
• feat(QTable): New props - "square", "table-header-class", "table-header-style"
• feat(quasar): Add native event popup-show/hide to popups, keep QField focused when inside popup is open, tweak ClickOutside and ClosePopup
• feat(QTimeline): Avatar support #2669
• feat(QForm): New Boolean prop ("no-error-focus") - Do not try to focus on first component that has a validation error when submitting form #4119
• feat(QForm): New prop ("no-reset-focus"); validation() method now receives Boolean param to override focus on error; Add missing methods to API #4119

Fixes

• fix(QUploader): Adding files not working on Cordova iOS #4136
• fix(QSelect): fill-input - work with label instead of value
• fix(QInput+QSelect): Set q-placeholder class on inputs #4080
• fix(QInput/QSelect): update placeholder color #4080
• fix(QTime): Fix wrong wrapping around time on key and click for hour
• fix(QInfiniteScroll): Allow to pass window as scrollTarget (#4109)
• fix(QImg): always render "role" attribute
• fix(typescript): Corrections in type definitions (#4110)
• fix(api): DialogPlugin create() params

App Extension API convenience enhancement - hooks (api.beforeDev, api.beforeBuild, api.afterBuild, api.extendQuasarConf, etc etc) receiving "api" as param too.

App Extension API additions to allow out of the box support for AE persistent config.

/**
   * Get the internal persistent config of this extension.
   * Returns empty object if it has none.
   *
   * @return {object} cfg
   */
  getPersistentConf () {
    return extensionJson.getInternal(this.extId)
  }

  /**
   * Set the internal persistent config of this extension.
   * If it already exists, it is overwritten.
   *
   * @param {object} cfg
   */
  setPersistentConf (cfg) {
    extensionJson.setInternal(this.extId, cfg || {})
  }

  /**
   * Deep merge into the internal persistent config of this extension.
   * If extension does not have any config already set, this is
   * essentially equivalent to setting it for the first time.
   *
   * @param {object} cfg
   */
  mergePersistentConf (cfg = {}) {
    const currentCfg = this.getPersistentConf()
    this.setPersistentConf(merge(currentCfg, cfg))
  }

Fixed a regression in beta.23:

• fix(quasar/app): Remove default "analyze" prop in quasar-config

New

• feat(QBtnDropdown): "label" slot #2885 #2525
• feat(QColor): New props: "hide-header", "hide-footer", "default-view" #3546
• feat(QBtnToggle): options new prop (slot) to specify slot to use for button content (tooltip, custom btn content) #3487
• feat(Dialog plugin): Ability to access Router, Vuex store etc within custom component #4009
• feat(docs): Port PR 676 from old docs; electron preparation information
• feat(QSlider/QRange): CSS improvements (issue #4002) (#4008)
• chore: input-text-color stylus variable (#4021)
• chore(quasar): Modernize build system; also use API for creating Vetur files
• feat(BottomSheet): Improve component when icon/avatar/img is missing #4029
• feat: docs - Example for sticky table header (#4039)
• feat(docs): Automatic section listing

Fixes

• fix(QUploader): send files as Blob when sendRaw is true fix: #4000 (#4011)
• fix(QSlider/QRange): lazy input not triggered if only tapping #3995
• fix(QEditor): Set QEditor default background to white #4023
• fix(quasar): Wrong error when using Quasar UMD without including Vue script tag #4020
• fix(Dialog plugin): [v1] Dialog plugin does not pass all props to the default component #4028
• fix(api): [v1] Some QUploader API events have wrong definitions #4030
• fix(QTable): qtable dense scroll fix: #3922 (#4038)
• fix(api): Add missing method to QSelect #4040 (#4041)
• fix(QTable): inheriting border-radius on top and bottom
• fix(QDrawer): Make use of no-swipe-close prop (was disconnected)
• fix(QEditor): IE/Edge fix for execCommand (#4014 - #4047)

@quasar/cli is a global package, so upgrade to it by npm install -g @quasar/cli@latest

fix(@quasar/cli): Guard "upgrade" command against NPM server errors

New

• feat(api): Update mask.json with more examples (#3974)
• perf(quasar): Further improve boot performance; also improve Meta plugin runtime speed
• feat(Dialog/BottomSheet): dark mode; also rename "className" to "class" #3967
• feat(DialogPlugin): Ability to render with custom component #3289
• feat(QCarousel/QEditor/QTable): exiting fullscreen mode should scroll into view the component #3991

Fixes

• fix(QItemLabel): remove obsolete "inset" prop #3977
• fix(api): Update __QField.json (#3983)
• fix(QTabs/QTab/QRouteTab): Guard against "input" event messing with the model
• fix(QEditor): [V1] QEditor link option gives an error on use. #3998
• fix(api): Typo in QImg.json

• feat(@quasar/cli): Allow official app extensions to be picked up by "upgrade" command
• feat(@quasar/cli): Improve banners on running inside of a project folder
• refactor(quasar/cli): Improve q/cli deferring to q/app procedure #3965
• feat(q/cli,q/app): Improve help banner

New

• feat(QEditor): Greatly improve CSS; new props: flat, square, dense; ribbon style; flat btn by default #3842 #3582
• feat(QInput/QSelect/QField): ability to customize standout (now a Boolean or String prop) #3914
• feat(QInput/QSelect/QField): new prop (hide-bottom-space: Boolean) #3880
  Description: "Does not reserves space for hint/error/counter anymore
  when these are not used; as a result, it also disables the animation for those"
• feat(quasar): Move autofocus from specific form components to QField
• feat(quasar) Improve QDialog and QMenu focusing behavior
• feat(quasar): Autofocus for QForm and form components
• feat(QSelect): Multiple fixes & improvements
• feat(QUploader): Restore "hide-upload-btn" prop from 0.17
• refactor(QUploader): Multiple fixes & enhancements
• feat(QUploader): new events (@start, @finish); simplify and fix state in certain scenarios #3829
• feat(QTable): [v1] [Request] QTable Event showing which row was selected/unselected #3946

Fixes

• fix(QImg): Improve src handling; basic should also display error slot #3868
• fix(API): Add category to some fields in _QField.json
• fix(quasar): tabindex fixes, double ripple prevent on IE, no inheritAttrs on portal
• fix(QDialog): Fix guard in QDialog
• fix(QSelect): Add rawControl slot in QField for QSelect with QDialog (#3954)
• fix(QSelect): height of dialog on android platform
• fix(QSelect): further CSS tweaks
• fix(QItem): [v1] QItemLabel lines prop doesn't work when parent is a QItemSection side #3958
• fix(QSelect): use same classes on QField in dialog (#3959)

New

• feat(quasar): Detect QDialog losing focus (focus should stay within the QDialog only)
• feat(QPopupEdit): add "content-class" and "content-style" props #3929
• feat(QSelect): new props - "popup-content-class", "popup-content-style" #3893
• feat(QBtnDropdown): new props - "disable-main-btn", "disable-dropdown" #3892
• feat(QPullToRefresh): limit pull distance (#3827)

Fixes

• fix(iOS): Layout/Maximized dialog/Notifications top/bottom padding when phone has notch #3899
• fix(QPopupProxy): not propagating props & events correctly (especially context-menu)
• fix(QMenu): z-index of menu (especially useful when wrapped along QPopupProxy)
• fix(QHeader/QFooter): Stop propagation of "input" event that would mingle with the model
• fix(QCheckbox) fix for scrollbar issue in dense table when last row selected fix: #3922 (#3925)
• minor change in sl Quasar language pack (#3897)
• api(QTable): correct field name in example (#3906)
• fix(QSelect): not respecting optionsDark in menu mode and safari QBtn not getting focus (submit) (#3913)
• fix(QSelect): [v1] QSelect counter not working correctly when using QDialog #3918
• fix(ie): Prevent double submit of forms in IE (#3917)
• fix(QInput): regulate QInput when using type="file" #3907
• fix(QNotify): defaults with actions with handlers when using setDefaults() #3722
• feat+fix(QSelect): QSelect no-option scope (#3926); Fixed QSelect triggering events when switching dialog<->menu
• fix(api): Improve "square" prop description for QChip #3920
• fix(QDrawer): breaking Vue state if initial model is initially true but component immediately emits false #3784

• feat(@quasar/app): Auto-remove duplicates from quasar.conf.js Array props
• feat(@quasar/app): Improve quasar.conf.js having all required props for App Extensions
• feat(@quasar/app): Improve App Ext API -> compatibleWith(), hasPackage(), getPackageVersion(), beforeDev()
• removed api.quasarAppVersion (no longer needed due to api.getPackageVersion)
• feat(@quasar/app): Replace Node 10+ deprecated usage of Buffer() with newer specs
• fix(@quasar/app): App Extension - ensure file exists for api.render() (#3901)

• fix(QMenu/QTooltip): fix issue with scroll bar positioning (fix #3284) (#3854)
• fix(QSelect): Condition for showing Dialog
• fix(QSelect): [v1] QSelect scroll jumps up when the mouse is moved #3848
• fix+perf(QSelect): [v1] QSelect Autocomplete on more than 2 chars example not working properly #3850
• fix(lang-fr): Add a space before the colon and addition typos (#3847)
• fix(quasar): Further fix on QBtn double click on form submit, disabled :to, cleanups (#3856)
• fix(quasar): Guard date.formatDate for Infinity/-Infinity and invalid dates (#3855)
• fix(ie): Some tweaks on QSpinner (#3864)
• refactor(QBreadcrumbs): QBreadcrumbs "artifacts" #3872
• feat(QInput): improve autofill color (and add $input-autofill-color) #3860
• fix(QDrawer): [V1] QDrawer loses backdrop color when opening below the breakpoint and widening the window above it #3861
• feat(QInput/QSelect/QField): Do not disable before/after/hint/error slot when "disable" or "readonly" props are used
• fix(api): Update QSeparator.json (#3884)
• fix(QSlider/QRange): [V1] QSlider long label display error #3887
• fix(LocalStorage/SessionStorage): LocalStorage problem when cookies are disabled #3888

New

• feat(quasar): Fix iOS iframe auto resize (#3766)
• feat(QSlider/QRange): generic rounded border on label to accomodate for bigger values
• feat(api): prop 'category' field (#3813)
• feat(QBadge): multi-line new prop
• feat(QUploader): "fields" -> "form-fields" (to avoid naming clash with vee-validate) --> this helps a problem with typescript also
• feat(QSelect): use QMenu or QDialog (based on platform)

Fixes

• fix(QSelect): menu gets cut off if using it within an overflow hidden parent #3242
• fix(QInput): model when using debounce prop and Vue re-renders before QInput emits
• fix: (lang) Correct Chinese content (#3788)
• fix(api): Add missing "avatar" slot to QChatMessage definition
• fix(quasar): Fixes for QBtn/QItem/QExpansionItem/Ripple/ClosePopup/QDialog/QMenu events & focus #3795 #3768
• fix(QBtn): [v1] Submit on form with "enter" generates 2 requests #3812
• fix(QRadio/QCheckbox/QToggle): Update to latest Material specs #3810
• fix(quasar): Adjust QField to align input text with prefix/sufix and allow variable font size (#3790)
• fix #3815: scroll bar is always displayed when the tab overflows (#3818)
• fix(lang): Update the translation for "Cancel" in Ukrainian (#3840)

New

• feat(QSlider/QRange): generic rounded border on label to accomodate for bigger values
• feat(QInfiniteScroll): Enable loading in reverse (#2612) (#3732)
• feat(QTimelineEntry): New prop ("body"), new slots: title, subtitle #3777
• feat(QField/QInput/QSelect): add "no-error-icon" prop
• feat(QSlider/QRange): Enhance thumb CSS when focused
• feat(QField): update error icon to latest Material specs

Fixes

• fix(#3780) Typescript support further work (#3786)
• fix(quasar): Fix iOS iframe auto resize (#3766)
• fix(QInput): model when using debounce prop and Vue re-renders before QInput emits
• fix(QDialog): Allow height/width override when using maximize prop #3769
• fix(QTimeline): icon alignment
• fix(QIcon): [V1] QFab + fontawesome = bad icon position #3772
• fix(api): QTimeline default value for layout prop
• fix(QRadio/QCheckbox): dense mode focus CSS
• fix(api): LocalStorage "set" method definition #3781
• fix(api): QTable "request" event params
• fix(QInput): Outlined border on autocomplete (#3787)
• fix(api): QNotify typo (#3789)

App Extension docs are now available. Take a look ;)

New

• feat(QForm): new component

  • and first PR with additional functionality for it: qform autofocus prop (#3759)

• feat(QField): finally made available again & wrote docs for it; Ability to write your own Form components now

• feat(typescript) WIP support; typescript definitions (#3688)

• feat(quasar): Refactoring popup related to improve navigation (#3712)

• feat: make stylus variables for q-img (#3745)

• feat: Make input-label-color a variable (#3748)

• feat(QField): Enhance focus logic

• feat(QMenu/QDialog/QPopupProxy): focus & events improvements

• feat(QDialog): auto-close prop (matches QMenu)

• feat(QMenu): "no-refocus" prop (matches QDialog)

• feat(QDialog): prevent page scroll on iOS when interacting with backdrop

• feat(QTable): col definition sort (a, b) -> (a, b, rowA, rowB) params #3718

• feat(quasar): Place dropdown icon last in QSelect (after 'after' slot) (#3730)

Fixes

• fix(model-toggle): Fix reset procedure for historyEntry
• fix(quasar): Model-toggle initial state given by v-model
• fix: transition bug fix for slide transitions
• fix(QDialog): Fix animation when "position" prop is used
• fix: QSpinner on builds with RTL support (needs @quasar/app beta.15)
• fix(iconSets): clearable field icon should be circle variant (as according to Material Guidelines)
• fix(QExpansionItem): keyboard accessibility #3758
• fix(QItem/QExpansionItem): events (including problems regarding expansion)
• fix(quasar): Enhance QField focusing logic (QInput and QSelect) (#3737)
• fix(quasar): Fix double tabindex on QField related (#3728)
• fix(quasar): Guard focus events, blur QField and QSelect when document loses focus (#3724)
• fix(quasar): List - fix thumbnail in last position when used with ripple (#3721)
• fix(quasar): Fixes for focus on QField and QTree (#3707)
• fix(quasar): QSelect maxValue fix #3698 (#3706)
• ie(quasar): Tweak QToolbar height and QBtn content moving on press (#3700)
• fix(quasar): Prevent QRouteTab/RouterLink navigation when disabled (#3701)
• fix(Ripple): [v1][RTL] Problem with Ripple effect after build in RTL mode #3695
• fix(quasar): Don't use on-right on QBtn icon when label is not present (#3691)
• feat(quasar): Add keyboard time update to QTime (#3692)
• ie(quasar): Fix model update for QEditor (#3693)
• feat(QTable): [v1] [feature request] QTable Column definition: format function had access to the whole row #3679
• feat(quasar): Trigger validation in mixin on focused value change (if present) (#3678)
• fix(quasar): QBtn - adjust push styles and avoid blurring on click (#3670)
• fix(quasar): Move counter prop in QField (#3668)

Fixed "quasar inspect" command.

Fixed small regression in QInput in beta.12

Eva Icons CSS has a hardcoded font-size which breaks Quasar's ability on dynamic size. Removed the hardcoded size.

Updated deps:

• latest babel-7
• vue 2.6.9
• workbox 4.1.1

Enjoy!

• fix(QBtn): Raising shadow on press
• fix(QBtn): [V1 - BUG] unelevated q-btn-group has shadow on :active #3504
• feat(Platform): New body classes for mobile platforms (along with platform-ios): platform-android, platform-winphone
• feat(QBtnGroup,QBtnToggle): New prop -> spread (spreads horizontally to available space) #3497
• fix(quasar): Fix wheel event beeing passive by default in chrome (#3514)
• feat(quasar): Add new-value-mode as default add mode to QSelect (#3518)
• fix(quasar): Populate QSelect's input on first show when use-input and hide-selected (#3516)
• fix(quasar): Controls related styles - fix QSelect height when use-input, fix QField control max-width (#3517)
• fix(QCarousel): [V1] QCarousel height through CSS #3521
• fix(QPopupProxy): [v1] QPopupProxy does not expose events #3509
• feat(quasar): Electron drag window class (q-electron-drag and q-electron-drag--exception CSS classes) #3494
• fix: (lang) the Chinese date should use the local timezone instead of UTC zone always (#3533)
• fix(quasar): Respect disable for links in QBtn and router-link related (#3552)
• feat(quasar): QInfiniteScroll - add container prop to specify scroll container (#3408)
• fix(quasar): Trigger lazy validation rules on QSelect and controls without input (#3519)
• fix(quasar): (update to latest Google Chrome specs) Use non-passive event listeners in touch directives where needed (#3553)
• feat(quasar+docs): Sanitize for QChatMessage, QSelect, Loading (#3562)

Enjoy!

• feat(QUploader): [v1] QUploader - Factory function - Promise support #3481
• fix(QMenu): Stop @input propagation
• fix(QSplitter): QSplitter warning and incorrect functionality if textarea is inside #3495
• feat(QUploader): [v1] QUploader - missing @removed event #3480
• feat(QDialog): Momentum scrolling in maximized modals #2874
• Fix: #3478 Toggling hidden QDialog 'maximized' property locks scroll (#3479)
• fix(lang/nb-no): Spelling errors (#3469)
• perf(QLayout): Enhancements for lower end phones
• feat(QParallax): Improve parallax experience
• fix(QRadio/QCheckbox/QToggle): Fix focus ring when disabled

Docs

• Facelift
• Search supplied by Algolia (not yet perfect, but we're in contact with Algolia for fixing a category indexing issue)
• QToolbar with QTabs example

Enhanced quasar.conf.js > devServer > open prop -- now supports a String also:

Using open prop to open with a specific browser and not with the default browser of your OS:

// quasar.conf.js

devServer: {
  open: 'firefox'
}

Enjoy!

• fix(quasar): [v1] Invalid prop: type check failed for prop "value". Expected Number, String, got InputEvent #3447
• fix(QDate): Glitch with persian calendar (#3448)
• fix(QSelect): [V1] QSelect "hide-dropdown-icon" leaves an unnecessary div #3446

Enjoy!

• fix(quasar): Cannot extend QUploaderBase because it is not exposed in 'quasar' #3428
• fix(quasar): [JSON API] some props rendered twice #3422
• fix(quasar): [v1] QStepper model gets set to object [InputEvent] when QInput is used inside it #3429
• feat(quasar): Add Persian calendar support to QDate
• fix(quasar): RTL support for QTime, QSlideItem, QSlider, QRange, QSplitter, panels

Enjoy!

• fix(quasar): Guard QDate's __pad functions for strings (#3356)
• fix(quasar): QScrollArea - fix thumb cursor and directive when invisible (#3355)
• feat(QDate): [v1] QDate - Chinese display of dates #3298
• feat(iconSet): add Themify Quasar icon set
• feat(QScrollArea): #2163 Add horizontal mode (#3349)
• fix(QExpansionItem): [v1][bug] long label/caption breaks QExpansionItem #3361
• feat(QUploader): [v1] QUploader upload raw file like in #1133 #3362
• feat(quasar): Passthrough events in more components
• feat(quasar): Introducing "behavior" API prop -- propagate native events on most components
• feat(Notify): throw error when timeout param is invalid #3376
• fix(QInput): q-input counter displays number 4 when the model is null #3371
• fix(QInput/QSelect): [v1] QInput/QSelect styles in dense mode #3383
• ie(quasar): Add flex-basis to item__section--main when in local menu (#3388)
• feat(quasar): Allow disabling CloseDialog and CloseMenu using value (#3407)
• feat(quasar): Add .col-shrink to flex classes (#3409)
• fix(QDrawer): #3394 | Fix for icon only mini mode edge case (#3400)
• fix(quasar): i18n-es.js orthographic error in translation #3403

Updated deps (including Vue 2.6.7).

• fix(QStepper): V1: Qstep with :disable='false' will reset the stepper to step1 when next is triggered. #3307
• fix(QSelect): [v1] q-select multiple with chips doesn't lock disabled entries #3314
• fix(QSelect): [v1] QSelect lazy loading with map options spews "Cannot read property 'find' of null" stack traces #3315
• fix(quasar): zh-hans language pack for QDate #3298
• fix(QSelect): Scroll not possible when max-height is larger than height of 20 items
• fix(quasar): QDialog does not accept class attribute #3299
• fix(quasar): [v1] Dialog docs, maximized demo breaks page if closed after minimizing #3310
• Fix distorted UI on checkbox/radio/toggle with long label (#3302)
• fix(QDate): [v1]QDate - What day of the week is incorrect #3297
• fix(Panel): [v1] QCarouselSlide cannot handle name="0". #3295
• fix(QBtnToggle): [v1] QBtnToggle - Icon-Text-Margin missing #3294

• IE11 compatibility has been taken care of.

• Great improvements on TouchSwipe, TouchHold, TouchRepeat (check the docs again pls)

• fix(quasar): "en-uk" language pack should be "en-gb" #3226

• fix(quasar): Some icon reference material-icons regardless of chosen Quasar icon set (QInput/QSelect, QBtnDropdown).

• fix(Dialog plugin): proxy all QDialog properties

• fix(QDialog): Dialog hides scrollbar [1.0] #3212

• fix(quasar): Don't skip keys that have null value in $root.$options on fillInject (#3236)

• feat(quasar): Make QInput textarea respect rows attribute when autogrow is removed (#3231)

• fix(QUploader): Fix headers prop, add withCredentials and fields props

• fix(quasar): ClickOutside - use event listeners without prevent (#3264)

• fix(quasar): QPopupProxy - use dialog on small height (landscape) (#3265)

• fix(QDate): Remove invalid update on destroy (#3255)

• fix(QColor): Increase padding to avoid scrollbar and fix off-by-one top (#3256)

• fix(QCheckbox/QToggle/QRadio): Fix double/triple triggering, fix QToggle icon (#3257)

• fix(QTable): Progress bar placement

• fix(QLinearProgress): Beginning of indeterminate state animation

• perf(QIcon): Faster rendering icons

• QIcon: support for Themify icons #3203

• QSelect: new prop (hide-dropdown-icon)

• QSplitter: new props (before-class, after-class)

• QInput/QSelect: new prop -> "square" -- forces square borders

• Fixes for TouchPan (recommending another read of docs).
• babel error on build on QRange #3205
• QCardAction button alignment for QBtnGroup (#3210)
• QSelect - prevent submitting a form when enter is pressed (#3208)
• Fix min-width on input in Firefox (#3206)
• Fixed QDate + QTime CSS on iOS issues
• QDate + QTime: enhance model string parsing (#3120)
• fix(Screen plugin): SSR corner cases
• fix(QParallax): trying to access invalid node -- updated for vue 2.6 compatibility

Quasar Language Pack related:

• (new) Esperanto
• (new) Khmer
• (new) Malayalam
• Updated Slovenian
• Updated fa-ir

Enjoy!

New

• Prevent q-btn loading state from resizing the button #2799 (#2818)
• allow overriding QSelect options QPopover behavior. (#2771)

Fixes

• Fix NaN on IE/iOS v6 (#2838)
• QAutocomplete: Unprotected access to inputEl in mounted() #2840
• q-editor code button isssue #2827
• animScrollTo - set final scroll position if no time left for the animation (#2824)
• Autocomplete prop value-field became mandatory for static lists in 0.17.8 #2819
• formatDate: use localization options passed as 3rd parameter (#2809)
• QBtnToggle: Allow disable from options as stated in the docs (#2792)
• QChip with QTooltip improvements #2816
• Slider/range not dragged in specific scenarios #2794
• opts.expires not tested for proper type in cookies plugin #2793
• QInput: size adjustments for firefox (#2801)
• QDatetimePicker: add checks for el in __scrollView (#2800)
• QInfiniteScroll: fix poll addEventListener added before debounce (#2765)

New

• Update to QSelect - dropdown icon not being displayed when using readonly (#2466)
• QTimelineEntry: Allow titles slots for Timeline Entries (#2736)
• Hungarian i18n pack (#2703)
• Update and improvement of Traditional Chinese i18n pack (#2674)

Fixes

• QAutocomplete - valueField should not have default value #2738
• Safari 9 notification hiding glitch (#2660)
• QInput: change the way clearValue is computed (#2690)
• Timeline: Fix overlapping property "display: inline-flex;" styles from .material-icons (#2667)
• QTabs: nested tabs position (#2722)
• Centering the time on date time (#2684)
• QDatetimePicker Mat: enforce min-width in modal and popover (#2672)
• Add default callback function to openUrl (#2661)

VSCode code autocompletion is coming! Will publish an article on our Medium.com Quasar blog.

New

• Finalized Vetur support -- VSCode code autocompletion support through Vetur extension (will get enabled once Vetur makes a new release)
• $tooltip-fontsize Stylus variable

Fixes

• QSlideTransition not working correctly after fast toggling when using with v-if #2401
• Unable to use QScreen in computed properties due to it being an Object #2399

When upgrading, please add responsive Boolean prop to QTimeline to maintain previous behaviour. We apologise for this change in a minor release but it is really needed.

New

• [Request] QTimeline always one-sided #2324
• [Request] QCarousel/QEditor/QTable emit event on fullscreen change #2338
• [Request] QCollapsible add style for open item #2375
• QTooltip - font-size should be 12px according to Material specs
• Do not add left/right padding to Tabs container when not on header/footer.

Fixes

• QSlideTransition sometimes doesn't play in Chrome/Firefox on desktop #2384
• Fontawesome icons don't fit timeline icons #2386
• QItem label letters being cut off
• Don't pad hideUnderlined controls (#2388)
• Clearable not working in ChipsInput (#2383)
• Some arabic i18n typos (#2380)
• Unable to override color of QRouteTab #2394

• Various CSS fixes for IE11
• Greatly improve QSlideTransition performance (also affecting QCollapsible, QTree, QStepper)

Features

• [Request] Allow shadow color and elevation to be overridable #2357

Fixes

• QAutocomplete: fix error with timing when typing immediately after focus (#2361)
• QChat: fix shrinked avatar with long text (#2360)
• QBtn: set type 'button' on buttons by default (else it's going to be 'submit') (#2354)
• Greek translation letter updated (#2355)
• Brazilian portuguese localization updates. (#2351)
• QInput textarea rows - fix css height (#2343)
• IE11 various CSS fixes

Fix: [Bug] - QScrollObservable - debounce not working with QSrollArea? #2341

One fix only:

• outline and textarea height (#2328)

The difference between Quasar v0.15.x and v0.16 is minimal. No big breaking changes as you can see below. The only reason for bumping Quasar's version is to maintain consistency (same major + minor version) with Quasar CLI (which got an important update: webpack 4, babel 7, Workbox, electron-builder support, ionicons v4 and many more).

Upgrading from v0.15.x should be seamless if you are using Quasar CLI -- which will guide you to do some minor changes to your project folder. Note that Ionicons v4 has breaking changes, so if you are using it in your project, then you need to update each such icon to its new name.

Breaking Changes

• QIcon: removed "mat" & "ios" props for performance reasons (use :name="$q.theme === 'mat' ? val : otherVal" instead)
• Removed utils > dom > viewport() method (use window.innerHeight/innerWidth instead)
• Updated Quasar ionicons set to Ionicons v4 -- compatible with quasar-extras@2.0

New

• [Request] QBtn router handling ("to" and "replace" props) #2058
• Improved perf for utils > event by removing legacy IE < 11 code
• QFab "icon" prop is now optional

Fixes

• LayoutDrawer mini mode: still animating when hidden #2059

Fixed a jsFiddle compliancy issue and repackaged.

Repackage of 0.15.9 with a few stop-ship fixes:

• Notify broken in jsFiddle
• Padding for header on iOS under Cordova

New

• perf: QResizeObservable using ResizeObserver API when available
• perf: QTabs (Material theme) - do not animate position bar when selecting a tab (if no previous tab was selected)
• perf: Faster QLayout initial render
• QUploader: Allow to programmatically upload files #1791
• QPagination: increase min-width to 2em for better mobile support

Fixes

• $q.fullscreen not available if device doesn't supports Fullscreen API #1764
• QLayoutDrawer: RTL positioning when switching back and forth to a Quasar RTL language pack
• Initial QLayout view should not animate Drawer #1783
• (also perf) QKnob/QSlider/QRange: emitting @input/@change
• QTable: sort for non-strings column content (#1778)
• QPopover: change the way reposition is done (#1757)
• (UMD) QOptionGroup: tag name detection to work for kebab/camel/pascal case
• QBtn: Make focus helper and ripple extend over bottom border for "push" type (#1772)
• QLayout: header/footer/drawer offset not updated on start (#1770)
• Fix IE form components height (#1769)

Also check Quasar CLI v0.15.10 release notes.

New

• Dynamic branding colors - configurable at any time during runtime - More Info
• Smooth drawer (big performance tweak, especially noticeable on low end mobiles)
• Improve Layout components user response time
• QChip: new "dense" prop; design improvements on floating QChip
• QResizeObservable new property (debounce - Number, default 100)
• QStepper: flag to disable navigation through header #1716
• Quasar components inside templates using PascalCase #1601
• Add alternate text to object elements #1693
• refactor: AddressbarColor plugin - better perf, avoid duplicating meta tags, make use of CSS color props
• QLayoutDrawer: Add "no-hide-on-route-change" property #1697
• QDialog - hitting ENTER key when using prompt submits the Dialog (same as hitting OK button)
• Turkish Quasar language pack
• Default duration is now 600ms #1760

Fixes

• QPageSticky offsets when toggling a Layout Header/Footer/Drawer
• Fix Layout page offsets when navigating sub-routes that have different header/footer embedded into them
• Fix Layout page bouncing up or down on route change
• QList Side Icons squashed with fontawesome icons
• QColorPicker - fix alpha value detection when using spaces
• IE fixes: QResizeObservable object visibility and QList main flex (#1720)
• QInput: add an empty row at end of textarea to prevent scroll related problems
• HMR reload problem with parent field
• QUploader: extensions comparisons case-insensitive
• QUploader: QList not being imported #1696
• QTable: Sorting on boolean column fails #1689
• QInput: Vertical scrolling in textarea #1048
• QDatetime Prevent Prompting of Time when Selecting Just a Date #1663
• QDatetime "after" handler not setting popup value via v-model bind #1686
• breadcrumb separator is displayed even if next breadcrumb element is not visible #1639
• Breadcrumbs with & without Icons have wrong horizontal alignments #1745
• QDatetime & QColor fixes: Doubling blur/input events; setting model with before/after; keep focus when popover/modal gets opened; Modal "cancel" button not working as expected
• Promise API detection on polyfill
• QDatetimePicker: Reset to default view after closing modal (#1762)

Enjoy!

New

• Greek, Latvian & Slovakian language packs
• Icon set: "fontawesome-pro"
• Control over position of QCarousel quick-nav (top/bottom) (#1671)
• Support for special "boot" app plugin; More Info

Fixes

• Cordova platform wrongfully detected if served over HTTPS #1678
• QSelect does not allow white space in filter #1684
• QEditor: Content moves out of editor with max-height #1681
• Removed debugging statement in BackToTop directive
• LocalStorage: vuex plugins error #69

Fixes

• ie11 fails with syntax error at strip-ansi eval #1618
• QUploader extensions property not working with drag and drop #1647
• QCarousel @slide event is not emitting #1659
• QAutocomplete - can't type space when popover is opened #1652
• Fix inexistent MDI icons in Quasar icon set
• Breadcrumbs - not resetting text-decoration: underline from -webkit-any-link #1643

Enhancements

• QPageSticky "expand" new prop. Check it out! Very useful for working with layouts. http://quasar-framework.org/components/page-sticky.html#Expand-mode
• RTL work for Layout, Material Ripple, and various other areas
• New language packs: Hebrew, Dutch, Swedish
• QCarousel new event: "slide-trigger" (emitted before animation starts)
• QCarousel - pulling towards inexistent slide (-1, length +1) now hinders touch/mouse actions
• Improve QTabs design (both themes)
• QToolbar: add text-color prop to be consistent with the other components

Fixes and enhancements:

• Reactivity improvement for i18n, iconSet, appFullscreen, appVisibility #1613
• Hebrew language pack
• Luxembourgish language pack
• QItemTile not rendering tag property #1638
• QToolbarTitle "shrink" prop #1629
• Inclusive Date Range #868
• QField should allow to set icon color #1577

Small refinements:

• Fixed i18n for IE11 + many other various IE11 fixes
• QTable -- watch page not to exceed available total pages
• Popover from Select shows briefly while the control first loads
• Fixed visual feedback for buttons on iOS platform
• Added Norwegian language to i18n
• Fixed iconSet when referring to "material-icons" (previously was wrongly working with "material" value)
• Fixed a minor misalignment on buttons when using "loading" prop
• Added support for QBtnDropdown in QBtnGroup
• Removed default behavior for Dialog buttons waiting for ripple effect to be over before triggering

Maintenance release for some critical issues.

Fixes

• [bug] Slider inside Dialog with step < 1 issues wrong values on some steps #1121
• [meteor] Q-layout issue with padding and height #1431

New features

• Closes #1133 - Allow sending raw file in QUploader. #1134
• q-input type="time" error #1150