quasar-pdan-v1.20.1-beta.2

Based on Quasar v1.20.1

Docs

https://pdanpdan.github.io/quasar-docs/

Fixes not in main branch

• fix(cache): avoid stack overflow because of vue reusing elements
• fix(QBtn): don't refocus blurTarget if focus is not inside button
• fix(extend): small tweaks for extend quasarframework#12831
• fix(Intersection): make once modifier reactive; remove wrapper div for content on component
• fix(TouchPan): Always check for isFinal before isFirst because of synthetic event generated when detection auto starts but there is no move quasarframework#10721
• fix(QSlider/QRange): improve model, aspect, kbd navigation
• fix(QTabs): kbd navigate to selected tab instead of first/last; scroll to selected tab
• fix(QTime/QUploader): use consistent --disabled modifier
• chore(docs):
  • prevent right menu anchor update when showing dialogs
  • collapse subitems in API card
  • use viewport-fit cover and adjust safe area insets
  • improve scrolling to anchor from menu links

Fixes in next oficial release (v1.20.2)

• fix(QUploader/QFile): (backport from Qv2) should avoid duplicates when append is set, instead of the other way around

Features not in main branch

• feat(touch events): use passive mode in more cases
• feat(listeners): add some missing event forwarding
• feat(cookies): improve parsing of cookie values quasarframework#12578
• feat(QStep): simplify rules to apply *-color and *-icon props and document the rules quasarframework#12547
• feat(QTooltip): improve QTooltip quasarframework#8733, quasarframework#10414
  • show on tap/long press on mobile and stay visible until next tap
  • do not close on interactions with tooltip content
  • prevent first contextmenu on mobile when showing the tooltip
• feat(QSplitter): add keyboard navigation quasarframework#12466
• perf(QTree, QExpansionItem, date): only render collapsed content when first expanded; use Map for QTree meta and for date regex cache quasarframework#14094
• feat(prevent scroll): add notification service for when scroll is not prevented; recalculate QDrawer belowBreakpoint when document becomes scrollable quasarframework#12811, quasarframework#13257
• feat(QRating): improve kbd navigation; add vertical mode
• feat(QTime): add change event; sync view and focused header; fixes for kbd navigation; allow parsing partial date/time strings; do not reset min/sec when setting hour and sec when setting minute; update innerValue when using setNow before it's updated from external value quasarframework#12467, quasarframework#10727, quasarframework#8487, quasarframework#6306
• feat(QDate): Improve range selection; add day slot for content; fix small years; fix subtractFromDate/addToDate incorrect end of month day quasarframework#5434, quasarframework#7076, quasarframework#7290, quasarframework#8037, quasarframework#8658, quasarframework#8918, quasarframework#8926, quasarframework#9704, quasarframework#9704, quasarframework#12270, quasarframework#11730, quasarframework#12783
  • add modelNavigation prop
  • add range-change event
  • fix cached function when changing from persian to gregorian calendars
  • fix viewModel as text
  • add more examples
  • fix processing of years between 0 and 99
  • fix subtractFromDate/addToDate incorrect end of month day
  • start a new range selection if noUnset and selected date is in existing range
• feat(portals): improve refocusing with ESC with multiple stacked portals; fix page background in dialogs
• feat(portals): create all portals in a top level element to minimize repaints
• feat(prevent scroll): prevent scrolling content when a portal opens and is focused; improve dialog scrolling on iOS; tweaks for QSelect; add example of full page scroll dialog; improve animation on Android by using same border radius quasarframework#5351, quasarframework#8211, quasarframework#8380, quasarframework#8341, quasarframework#8533
• feat(a11y/QMenu/QDialog/QTabs): Add KeyGroupNavigation directive; Wrap arround keyboard navigation quasarframework#5266, quasarframework#4068, quasarframework#6736, quasarframework#6562, quasarframework#6560, quasarframework#12464, quasarframework#12506, quasarframework#12505
  • allow unique TAB target point in a group
  • allow key navigation in group
  • improve initial focusing on QMenu and QDialog
  • tab goes from the end of the menu/dialog to the start
  • shift+tab goes from the start of the menu/dialog to the end
  • key navigation in tabs
• feat(position engine): improve positioning quasarframework#8175, quasarframework#8191, quasarframework#8343, quasarframework#8554, quasarframework#10583, quasarframework#12414
• feat(Ripple): Use 2 phased approach, prevent repetition, allow overlapping ripples quasarframework#4891, quasarframework#7474
• feat(directives): make arg and modifiers reactive
  • ref 5a1e4d6
• feat(VirtualScroll): improve scroll update quasarframework#9329
• feat(Interaction plugin): provide info on mouse/pointer/kbd interactions quasarframework#7951, quasarframework#8494, quasarframework#8719, quasarframework#10510, quasarframework#10198
• feat(dark mode): make dark mode work with auto on SSR quasarframework#7530, quasarframework#8602, quasarframework#10014
• feat(QField): Add outlined as from MD quasarframework#3262
• feat(utils): add debouncedRef function
  • create a reference to the original value from the Vue instance, and only update the original after debouncing
• feat(QChip): allow avatar in last position
• feat(QSelect): dialog - add close icon; add class and style; open when typing in field; fix focus on field quasarframework#6523, quasarframework#6858
• feat(QSelect): Adjust CSS for QSelect with chips
• feat(Cookies/Storage): Add reviverFn for getting values from Cookies and Local/SessionStorage quasarframework#4338
  • see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#Using_the_reviver_parameter
  • fix Cookies getAll to parse value
  • fix Cookies set on SSR to retrieve raw previous value for replacement
• feat(panels): hide overflow on components that leave the transition
• feat(backdrops): use opacity to animate drawer opacity; use CSS variable for backdrop bg
• feat(QScrollObserver): backport from v2 (add axis to watch)

Features in next oficial release (v1.20.2)

• feat(a11y): improve QExpansionItem, QSelect, QChip, QDialog, QMenu, QFab, QBtnDropdown quasarframework#14338 (quasarframework#14388)
  • feat(QBtnDropdown): add a11y for toggle buttons; describe aria-controls/own; add default aria-label
  • feat(QFab): add a11y for toggle button; describe aria-controls/own
  • feat(QMenu): set default role of menu
  • feat(QDialog): set aria-modal on dialog
  • feat(QChip): add aria-label and proper role for remove button/icon
  • feat(QSelect): improve a11y - aria-readonly on focusable element; remove aria-activedescendant duplicate
  • feat(QExpansionItem): add a11y for toggle buttons; improve header slot scope quasarframework#14338
  • feat(QExpansionItem): a11y - add default area-label for toggle action
• feat(QCircularProgress): (backport from Qv2) New Boolean prop -> rounded (quasarframework#14426) (quasarframework#14452)
• feat(QForm): validate fields in order if not greedy (even async); mark field as dirty if validation fails quasarframework#14405 (quasarframework#14409)
• feat(ui/utils): (backport from Qv2) New util -> runSequentialPromises