fix: popup menus not working on mobile apps (#116)

.github/workflows/cd.yml

@@ -44,7 +44,7 @@ jobs:
           r="${r//$'\r'/'%0D'}"                             # Multiline escape sequences for '\r'
           echo "::set-output name=RELEASE_BODY::$r"
       - name: Upload the release file
-        uses: svenstaro/upload-release-action@v2.6.0
+        uses: svenstaro/upload-release-action@2.6.1
         with:
           file: dist/*
           file_glob: true

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-humidifier",
-  "version": "v3.1.4",
+  "version": "v3.1.5",
   "description": "humidifier card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",
@@ -17,11 +17,11 @@
   "author": "Artem Sedykh <[email protected]>",
   "license": "MIT",
   "dependencies": {
-    "@lit-labs/scoped-registry-mixin": "^1.0.0",
-    "@material/mwc-list": "^0.25.3",
-    "@material/mwc-menu": "^0.25.3",
-    "@material/mwc-ripple": "^0.25.3",
-    "lit": "^2.1.2",
+    "@lit-labs/scoped-registry-mixin": "^1.0.1",
+    "@material/mwc-list": "^0.27.0",
+    "@material/mwc-menu": "^0.27.0",
+    "@material/mwc-ripple": "^0.27.0",
+    "lit": "^2.7.5",
     "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {

release_notes/v3.1.5.md

@@ -0,0 +1,5 @@
+## v3.1.5
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-humidifier/v3.1.5/total.svg)](https://github.com/artem-sedykh/mini-humidifier/releases/tag/v3.1.5)
+
+### Fixed
+- fix: popup menus not working on mobile apps by @regevbr 

src/components/dropdown-base.js

@@ -63,7 +63,7 @@ export default class HumidifierDropdownBase extends ScopedRegistryHost(LitElemen
                         ?color=${this.active}>
           <ha-icon .icon=${this.icon}></ha-icon>
         </ha-icon-button>
-        <mwc-menu absolute activatable
+        <mwc-menu fixed activatable
                   id=${'menu'}
                   ?quick=${true}
                   .menuCorner=${'END'}

src/components/mwc/menu-surface.js

@@ -1,7 +1,6 @@
 import { MenuSurfaceBase } from '@material/mwc-menu/mwc-menu-surface-base';
 import { styles as menuSurfaceStyles } from '@material/mwc-menu/mwc-menu-surface.css';
 import { ScopedRegistryHost } from '@lit-labs/scoped-registry-mixin';
-import { css } from 'lit';
 import buildElementDefinitions from '../../utils/buildElementDefinitions';
 
 export default class HumidifierMenuSurface extends ScopedRegistryHost(MenuSurfaceBase) {
@@ -12,13 +11,6 @@ export default class HumidifierMenuSurface extends ScopedRegistryHost(MenuSurfac
   }
 
   static get styles() {
-    return [
-      menuSurfaceStyles,
-      css`
-        .mdc-menu-surface {
-          position: fixed!important;
-        }
-      `,
-    ];
+    return menuSurfaceStyles;
   }
 }