thomasloven / hass-browser_mod

🔹 A Home Assistant integration to turn your browser into a controllable entity and media player
MIT License
1.35k stars 188 forks source link

Dashboard on Firefox weird layout #634

Open oxymoron1629 opened 1 year ago

oxymoron1629 commented 1 year ago

My Home Assistant version: 2023.8.4

It seems that any dashboard with a browser card maintains the same layout when out of the "Edit Dashboard" menu. When I go to edit the UI in a dashboard with a browser mod "popup" card, the "popup" card appears so as to be edited like a regular card. I can't seem to find any reference to this anywhere else and I've attempted to clear the cache on Firefox multiple times without any change.

What I expected to happen: With Chrome, Edge, and Safari once you select "Done" on editing the UI the "popup" card disappears and the rest of the dashboard reorganizes like there are no hidden cards.

Normal Screen (The left window is Firefox and the right window is Chrome) image

What happened instead: In Firefox, the dashboard correctly hides the "popup" card but still formats the dashboard as if it were there.

Editing UI Screen (The left window is Firefox and the right window is Chrome) image

Minimal steps to reproduce: Add a popup card with Browser Mod to any dashboard

Error messages from the browser console: None

// Select everything from the browser console and copy it
BROWSER_MOD 2.2.2 IS INSTALLED
    BrowserID: 966ae13a-8d39ff8c [browser_mod.js:400:6188](http://192.168.1.195:8123/browser_mod.js)
CARD-MOD 3.2.2 IS INSTALLED [card-mod.js:5:247](http://192.168.1.195:8123/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524322)
You may not be getting optimal performance out of card-mod.
See https://github.com/thomasloven/lovelace-card-mod#performance-improvements [card-mod.js:5:12326](http://192.168.1.195:8123/hacsfiles/lovelace-card-mod/card-mod.js?hacstag=190927524322)
Loading module from “http://192.168.1.195:8123/local/custom_cards/icloud3-event-log-card.js?v=1.000” was blocked because of a disallowed MIME type (“text/plain”).
[home](http://192.168.1.195:8123/lovelace-home/home)
SLIDER-ENTITY-ROW 17.3.0 IS INSTALLED <empty string> [slider-entity-row.js:82:184](http://192.168.1.195:8123/hacsfiles/lovelace-slider-entity-row/slider-entity-row.js?hacstag=1448997001730)
Loading module from “http://192.168.1.195:8123/local/card-tools.js” was blocked because of a disallowed MIME type (“text/plain”).
[home](http://192.168.1.195:8123/lovelace-home/home)
  BUTTON-CARD  
 Version 4.1.1 [button-card.js:426:15087](http://192.168.1.195:8123/hacsfiles/button-card/button-card.js?hacstag=146194325411)
 MINI-GRAPH-CARD  0.11.0 [mini-graph-card-bundle.js:1:95970](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
simple-thermostat: 2.5.0 [simple-thermostat.js:292:33828](http://192.168.1.195:8123/hacsfiles/simple-thermostat/simple-thermostat.js?hacstag=158654878250)
Loading module from “http://192.168.1.195:8123/hacsfiles/kiosk-mode/kiosk-mode.js?hacstag=303101606172” was blocked because of a disallowed MIME type (“text/plain”).
[home](http://192.168.1.195:8123/lovelace-home/home)
vertical-stack-in-card
Version: 0.4.4 [vertical-stack-in-card.js:1:9](http://192.168.1.195:8123/hacsfiles/vertical-stack-in-card/vertical-stack-in-card.js?hacstag=142051833044)
 MULTIPLE-ENTITY-ROW  4.5.0 [multiple-entity-row.js:1:26787](http://192.168.1.195:8123/hacsfiles/lovelace-multiple-entity-row/multiple-entity-row.js?hacstag=178921037450)
LAYOUT-CARD 2.4.4 IS INSTALLED [layout-card.js:228:115](http://192.168.1.195:8123/hacsfiles/lovelace-layout-card/layout-card.js?hacstag=156434866244)
Loading failed for the module with source “http://192.168.1.195:8123/local/custom_cards/icloud3-event-log-card.js?v=1.000”. [home:1:1](http://192.168.1.195:8123/lovelace-home/home)
Loading failed for the module with source “http://192.168.1.195:8123/local/card-tools.js”. [home:1:1](http://192.168.1.195:8123/lovelace-home/home)
Loading failed for the module with source “http://192.168.1.195:8123/hacsfiles/kiosk-mode/kiosk-mode.js?hacstag=303101606172”. [home:1:1](http://192.168.1.195:8123/lovelace-home/home)
banner-card: 0.13.0 [banner-card.js:162:2409](http://192.168.1.195:8123/hacsfiles/banner-card/banner-card.js?hacstag=4274104840130)
↔️ Swipe navigation ↔️ - v1.12.0 [swipe-navigation.js:1:42978](http://192.168.1.195:8123/hacsfiles/hass-swipe-navigation/swipe-navigation.js?hacstag=5017254791120)
Uncaught (in promise) http://192.168.1.195:8123/local/custom_cards/icloud3-event-log-card.js?v=1.000
Uncaught (in promise) http://192.168.1.195:8123/local/card-tools.js
Uncaught (in promise) http://192.168.1.195:8123/hacsfiles/kiosk-mode/kiosk-mode.js?hacstag=303101606172
  SPOTIFY-CARD 
  Version 2.4.0    [entities.js:28:82](http://192.168.1.195:8123/hacsfiles/node_modules/home-assistant-js-websocket/dist/entities.js)
  SIDEBAR-CARD            
  Version: 0.1.8.4        [sidebar-card.js:18878:9](http://192.168.1.195:8123/hacsfiles/sidebar-card/sidebar-card.js?hacstag=2418255740194)
  DEFAULT-DASHBOARD 
  Version 1.0.10   [default-dashboard.js:1:131](http://192.168.1.195:8123/hacsfiles/default-dashboard/default-dashboard.js?hacstag=567030726111)
AUTO-ENTITIES 1.12.1 IS INSTALLED [auto-entities.js:172:7850](http://192.168.1.195:8123/hacsfiles/lovelace-auto-entities/auto-entities.js?hacstag=1677445841121)
 HASS-HUE-ICONS  Version 1.2.51 [hass-hue-icons.js:2066:9](http://192.168.1.195:8123/hacsfiles/hass-hue-icons/hass-hue-icons.js?hacstag=3844345221251)
 APEXCHARTS-CARD  v2.0.4 [apexcharts-card.js:835:75178](http://192.168.1.195:8123/hacsfiles/apexcharts-card/apexcharts-card.js?hacstag=331701152204)
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "lg-remote-control" has already been used with this registry
    define scoped-custom-element-registry.js:44
    <anonymous> lg-remote-control.js:562
[app-pdfsSFVCtsE.js:2](http://192.168.1.195:8123/frontend_latest/app-pdfsSFVCtsE.js)
   XIAOMI-VACUUM-MAP-CARD   
   Version v2.2.2           [xiaomi-vacuum-map-card.js:1080:778](http://192.168.1.195:8123/hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js?hacstag=193372044222)
  RESTRICTION-CARD  
  Version 1.2.9     [restriction-card.js:200:7782](http://192.168.1.195:8123/hacsfiles/restriction-card/restriction-card.js?hacstag=215633404129)
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "xiaomi-vacuum-map-card-editor" has already been used with this registry
    define scoped-custom-element-registry.js:44
    se xiaomi-vacuum-map-card.js:29
    se xiaomi-vacuum-map-card.js:29
    e xiaomi-vacuum-map-card.js:1
    <anonymous> xiaomi-vacuum-map-card.js:319
[app-pdfsSFVCtsE.js:2](http://192.168.1.195:8123/frontend_latest/app-pdfsSFVCtsE.js)
🍄 Mushroom 🍄 - 3.0.5 [mushroom.js:3082:84](http://192.168.1.195:8123/hacsfiles/lovelace-mushroom/mushroom.js?hacstag=444350375305)
 HISTORY-EXPLORER-CARD  Version 1.0.47 [history-explorer-card.js:80:887](http://192.168.1.195:8123/hacsfiles/history-explorer-card/history-explorer-card.js?hacstag=4403747941047)
  BetterThermostatUI-CARD 
  version: 1.1.1    [better-thermostat-ui-card.js:179:37427](http://192.168.1.195:8123/hacsfiles/better-thermostat-ui-card/better-thermostat-ui-card.js?hacstag=439367892111)
 ROOM-CARD  1.07.25 [room-card.js:30:3011](http://192.168.1.195:8123/hacsfiles/room-card/room-card.js?hacstag=45444094910725)
   Valetudo-Map-Card   
   Version 2023.04.0   [valetudo-map-card.js:2:44283](http://192.168.1.195:8123/hacsfiles/lovelace-valetudo-map-card/valetudo-map-card.js?hacstag=2030361082023040)
 STACK-IN-CARD 
   Version 0.2.0   [stack-in-card.js:200:5682](http://192.168.1.195:8123/hacsfiles/stack-in-card/stack-in-card.js?hacstag=248954055020)
The main 'lit-element' module entrypoint is deprecated. Please update your imports to use the 'lit' package: 'lit' and 'lit/decorators.ts' or import from 'lit-element/lit-element.ts'. See https://lit.dev/msg/deprecated-import-path for more information. [config-template-card.js:329:12](http://192.168.1.195:8123/hacsfiles/config-template-card/config-template-card.js?hacstag=172177543136)
  CONFIG-TEMPLATE-CARD  
  Version 1.3.6         [config-template-card.js:735:9](http://192.168.1.195:8123/hacsfiles/config-template-card/config-template-card.js?hacstag=172177543136)
  HOURLY-WEATHER-CARD 
  Version 5.0.0    [hourly-weather.js:302:1266](http://192.168.1.195:8123/hacsfiles/lovelace-hourly-weather/hourly-weather.js?hacstag=499270202500)
 PLOTLY-GRAPH  3.3.3 production [plotly-graph-card.js:2224:838](http://192.168.1.195:8123/hacsfiles/lovelace-plotly-graph-card/plotly-graph-card.js?hacstag=413812496333)
 FRIGATE-HASS-CARD 
 Version 5.2.0 [card-555679fd.js:507:17324](http://192.168.1.195:8123/hacsfiles/frigate-hass-card/card-555679fd.js)
Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': the name "webrtc-camera" has already been used with this registry
    define scoped-custom-element-registry.js:44
    <anonymous> webrtc-camera.js:515
[app-pdfsSFVCtsE.js:2](http://192.168.1.195:8123/frontend_latest/app-pdfsSFVCtsE.js)
mini-graph-card:  value [73.2] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
mini-graph-card:  value [71.9] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
GALLERY-CARD 3.4.2 IS INSTALLED [gallery-card.js:936:9](http://192.168.1.195:8123/hacsfiles/gallery-card/gallery-card.js?hacstag=284283867343)
mini-graph-card:  value [73.2] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
mini-graph-card:  value [71.9] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features! [1d18d44deade0a514bbf50cfc7ecbdea](http://192.168.1.195:8123/config/devices/device/1d18d44deade0a514bbf50cfc7ecbdea)
mini-graph-card:  value [73.2] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
mini-graph-card:  value [71.9] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
Some cookies are misusing the recommended “SameSite“ attribute 3
Uncaught (in promise) 
Object { type: "result", success: false, error: {…} }

mini-graph-card:  value [74.1] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
mini-graph-card:  value [71.9] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
Uncaught TypeError: t is undefined
    Si DomUtil.js:247
    _getMapPanePos Map.js:1488
    _rawPanBy Map.js:1266
    invalidateSize Map.js:581
    _resizeRequest Map.js:1336
2 [DomUtil.js:247:1](https://raw.githubusercontent.com/home-assistant/frontend/src/dom/DomUtil.js)
mini-graph-card:  value [74.1] not found in state_map [mini-graph-card-bundle.js:1:86782](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
mini-graph-card:  value [71.9] not found in state_map [mini-graph-card-bundle.js:1:8678](http://192.168.1.195:8123/hacsfiles/mini-graph-card/mini-graph-card-bundle.js?hacstag=1512800620110)
// Paste it here

By replacing the space in the checkboxes ([ ]) with an X below, I indicate that I:

stale[bot] commented 11 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.