quasar 2.16.10 → 2.17.0

package/src/plugins/platform/Platform.js

@@ -65,11 +65,46 @@ const hasTouch = __QUASAR_SSR_SERVER__
   : 'ontouchstart' in window || window.navigator.maxTouchPoints > 0
 
 function getPlatform (UA) {
-  const
-    userAgent = UA.toLowerCase(),
-    platformMatch = getPlatformMatch(userAgent),
-    matched = getMatch(userAgent, platformMatch),
-    browser = {}
+  const userAgent = UA.toLowerCase()
+  const platformMatch = getPlatformMatch(userAgent)
+  const matched = getMatch(userAgent, platformMatch)
+  const browser = {
+    mobile: false,
+    desktop: false,
+
+    cordova: false,
+    capacitor: false,
+    nativeMobile: false,
+    // nativeMobileWrapper: void 0,
+    electron: false,
+    bex: false,
+
+    linux: false,
+    mac: false,
+    win: false,
+    cros: false,
+
+    chrome: false,
+    firefox: false,
+    opera: false,
+    safari: false,
+    vivaldi: false,
+    edge: false,
+    edgeChromium: false,
+    ie: false,
+    webkit: false,
+
+    android: false,
+    ios: false,
+    ipad: false,
+    iphone: false,
+    ipod: false,
+    kindle: false,
+    winphone: false,
+    blackberry: false,
+    playbook: false,
+    silk: false
+  }
 
   if (matched.browser) {
     browser[ matched.browser ] = true

package/src/plugins/platform/Platform.json

@@ -38,39 +38,25 @@
           "desc": "Major browser version as a number"
         },
 
-        "desktop": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is desktop"
-        },
         "mobile": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is mobile"
         },
-        "electron": {
+        "desktop": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is Electron"
+          "desc": "Whether the platform is desktop"
         },
-        "bex": {
+
+        "cordova": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is BEX(Browser Extension)"
+          "desc": "Whether the platform is Cordova"
         },
         "capacitor": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is Capacitor"
         },
-        "cordova": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the platform is Cordova"
-        },
         "nativeMobile": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the platform is a native mobile wrapper"
         },
         "nativeMobileWrapper": {
@@ -79,110 +65,107 @@
           "values": [ "'cordova'", "'capacitor'" ],
           "desc": "Type of the native mobile wrapper"
         },
-
-        "webkit": {
+        "electron": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is a Webkit one"
+          "desc": "Whether the platform is Electron"
+        },
+        "bex": {
+          "type": "Boolean",
+          "desc": "Whether the platform is BEX(Browser Extension)"
         },
 
-        "chrome": {
+        "linux": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Google Chrome"
+          "desc": "Whether the operating system is Linux"
         },
-        "firefox": {
+        "mac": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Firefox"
+          "desc": "Whether the operating system is Mac OS"
         },
-        "safari": {
+        "win": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Safari"
+          "desc": "Whether the operating system is Windows"
         },
-        "edgeChromium": {
+        "cros": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Microsoft Edge (Chromium)"
+          "desc": "Whether the operating system is Chrome OS"
         },
-        "edge": {
+
+        "chrome": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the browser is Microsoft Edge Legacy"
+          "desc": "Whether the browser is Google Chrome"
+        },
+        "firefox": {
+          "type": "Boolean",
+          "desc": "Whether the browser is Firefox"
         },
         "opera": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Opera"
         },
+        "safari": {
+          "type": "Boolean",
+          "desc": "Whether the browser is Safari"
+        },
         "vivaldi": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Vivaldi"
         },
-
-        "win": {
+        "edge": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Windows"
+          "desc": "Whether the browser is Microsoft Edge Legacy"
         },
-        "linux": {
+        "edgeChromium": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Linux"
+          "desc": "Whether the browser is Microsoft Edge (Chromium)"
         },
-        "mac": {
+        "ie": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Mac OS"
+          "desc": "Whether the browser is Internet Explorer"
         },
-        "cros": {
+        "webkit": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Chrome OS"
+          "desc": "Whether the browser is a Webkit or Webkit-based one"
         },
 
         "android": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the operating system is Android"
         },
         "ios": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the operating system is iOS"
         },
-        "winphone": {
+        "ipad": {
           "type": "Boolean",
-          "required": false,
-          "desc": "Whether the operating system is Windows Phone"
+          "desc": "Whether the device is an iPad"
         },
-
         "iphone": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is an iPhone"
         },
-        "ipad": {
-          "type": "Boolean",
-          "required": false,
-          "desc": "Whether the device is an iPad"
-        },
         "ipod": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is an iPod"
         },
-
         "kindle": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the device is a Kindle"
         },
+        "winphone": {
+          "type": "Boolean",
+          "desc": "Whether the operating system is Windows Phone"
+        },
+        "blackberry": {
+          "type": "Boolean",
+          "desc": "Whether the device is a Blackberry"
+        },
+        "playbook": {
+          "type": "Boolean",
+          "desc": "Whether the device is a Blackberry Playbook"
+        },
         "silk": {
           "type": "Boolean",
-          "required": false,
           "desc": "Whether the browser is Amazon Silk"
         }
       },

package/src/plugins/platform/Platform.test.js

@@ -35,36 +35,44 @@ describe('[Platform API]', () => {
           platform: expect.any(String),
           version: expect.any(String),
           versionNumber: expect.any(Number),
-          desktop: expect.any(Boolean),
+
           mobile: expect.any(Boolean),
-          electron: expect.any(Boolean),
-          bex: expect.any(Boolean),
-          capacitor: expect.any(Boolean),
+          desktop: expect.any(Boolean),
+
           cordova: expect.any(Boolean),
+          capacitor: expect.any(Boolean),
           nativeMobile: expect.any(Boolean),
           nativeMobileWrapper: expect.$any([
             'cordova',
             'capacitor'
           ]),
-          webkit: expect.any(Boolean),
+          electron: expect.any(Boolean),
+          bex: expect.any(Boolean),
+
+          linux: expect.any(Boolean),
+          mac: expect.any(Boolean),
+          win: expect.any(Boolean),
+          cros: expect.any(Boolean),
+
           chrome: expect.any(Boolean),
           firefox: expect.any(Boolean),
-          safari: expect.any(Boolean),
-          edgeChromium: expect.any(Boolean),
-          edge: expect.any(Boolean),
           opera: expect.any(Boolean),
+          safari: expect.any(Boolean),
           vivaldi: expect.any(Boolean),
-          win: expect.any(Boolean),
-          linux: expect.any(Boolean),
-          mac: expect.any(Boolean),
-          cros: expect.any(Boolean),
+          edge: expect.any(Boolean),
+          edgeChromium: expect.any(Boolean),
+          ie: expect.any(Boolean),
+          webkit: expect.any(Boolean),
+
           android: expect.any(Boolean),
           ios: expect.any(Boolean),
-          winphone: expect.any(Boolean),
-          iphone: expect.any(Boolean),
           ipad: expect.any(Boolean),
+          iphone: expect.any(Boolean),
           ipod: expect.any(Boolean),
           kindle: expect.any(Boolean),
+          winphone: expect.any(Boolean),
+          blackberry: expect.any(Boolean),
+          playbook: expect.any(Boolean),
           silk: expect.any(Boolean)
         }
 

package/src/utils/private.position-engine/position-engine.js

@@ -163,15 +163,22 @@ export function setPosition (cfg, retryNumber = 0) {
     ? getAnchorProps(anchorEl, cover === true ? [ 0, 0 ] : offset)
     : getAbsoluteAnchorProps(anchorEl, absoluteOffset, offset)
 
-  // we "reset" the critical CSS properties
-  // so we can take an accurate measurement
+  /**
+   * We "reset" the critical CSS properties
+   * so we can take an accurate measurement.
+   *
+   * Ensure that targetEl has a max-width & max-height
+   * set in CSS and that the value does NOT exceeds 100vw/vh.
+   * All users of the position-engine (currently QMenu & QTooltip)
+   * have CSS for this.
+   */
   Object.assign(targetEl.style, {
     top: 0,
     left: 0,
     minWidth: null,
     minHeight: null,
-    maxWidth: maxWidth || '100vw',
-    maxHeight: maxHeight || '100vh',
+    maxWidth,
+    maxHeight,
     visibility: 'visible'
   })