Merge pull request #70 from regevbr/popup

fix mobile popup menus

README.md

@@ -24,7 +24,7 @@ v2 is only compatible from version 2022.3 onwards
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=2.0.0
+    - url: /local/mini-climate-card-bundle.js?v=2.0.1
       type: module
   ```
 
@@ -35,14 +35,14 @@ v2 is only compatible from version 2022.3 onwards
 2. Grab `mini-climate-card-bundle.js`
 
   ```console
-  $ wget https://github.com/artem-sedykh/mini-climate-card/releases/download/v2.0.0/mini-climate-card-bundle.js
+  $ wget https://github.com/artem-sedykh/mini-climate-card/releases/download/v2.0.1/mini-climate-card-bundle.js
   ```
 
 3. Add a reference to `mini-climate-card-bundle.js` inside your `ui-lovelace.yaml`.
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=2.0.0
+    - url: /local/mini-climate-card-bundle.js?v=2.0.1
       type: module
   ```
 
@@ -55,7 +55,7 @@ v2 is only compatible from version 2022.3 onwards
 
   ```yaml
   resources:
-    - url: /local/mini-climate-card-bundle.js?v=2.0.0
+    - url: /local/mini-climate-card-bundle.js?v=2.0.1
       type: module
   ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-climate-card",
-  "version": "v2.0.0",
+  "version": "v2.0.1",
   "description": "a/c card for Home Assistant Lovelace UI",
   "keywords": [
     "home-assistant",

release_notes/v2.0.1.md

@@ -0,0 +1,6 @@
+## v2.0.1
+[![Downloads](https://img.shields.io/github/downloads/artem-sedykh/mini-climate-card/v2.0.1/total.svg)](https://github.com/artem-sedykh/mini-climate-card/releases/tag/v2.0.1)
+
+### FIXED
+- fix: mobile popup issues by @regevbr
+

src/components/dropdown-base.js

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

src/components/fan-mode-secondary.js

@@ -89,7 +89,7 @@ export default class ClimateFanModeSecondary extends ScopedRegistryHost(LitEleme
         >
           ${this.renderFanMode()}
         </ha-icon-button>
-        <mwc-menu fixed
+        <mwc-menu absolute
             id=${'menu'}
             ?quick=${true}
             .menuCorner=${'END'}

src/components/mwc/menu-surface.js

@@ -1,6 +1,7 @@
 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 ClimateMenuSurface extends ScopedRegistryHost(MenuSurfaceBase) {
@@ -11,6 +12,13 @@ export default class ClimateMenuSurface extends ScopedRegistryHost(MenuSurfaceBa
   }
 
   static get styles() {
-    return menuSurfaceStyles;
+    return [
+      menuSurfaceStyles,
+      css`
+        .mdc-menu-surface {
+          position: fixed!important;
+        }
+      `,
+    ];
   }
 }