Hi All, I’m having some issues with changing Browser Mod FrontEnd Settings which i can’t seem to resolve, looking for any advice.
I’ve been trying to set up a NS Panel and Tablet as a dashboard.
When trying to modify the Frontend settings in Browser mod, when I select ‘Hide Header’ / ’ Hide Header’ the drop down menu doesn’t appear (as it used to) to give the options. All that happens is that the arrow / pointer on the left points from up to down and vice versa. See pic below.
I’ve restarted HA ect, but nothing has refreshed. I’m not sure if the NA 24.7 updates has done something, but it has me stumped. Any help / advice would be greatly appreciated.
aryanakh
July 24, 2024, 11:03pm
2
I am having the exact same issue.
Thanks aryanakh, glad I’m not the only one.
Masterbit
July 27, 2024, 10:02am
4
I’m having the same issue on Core: 2024.7.3
Masterbit
July 27, 2024, 10:30am
5
Found a solution and implemented this.
opened 12:45AM - 06 Jul 24 UTC
### Fix instructions for users ###
As found by others below:
1. Open the file … `custom_components/browser_mod/browser_mod_panel.js` on your Home Assistant instance.
2. Search for the `ha-data-table` element in the file and add the attribute `.hass=${this.hass}` to it. It should look something like `<ha-data-table .hass=${this.hass}...`
3. Delete `custom_components/browser_mod/browser_mod_panel.js.gz`.
4. Restart Home Assistant.
My Home Assistant version: 2024.7.1
Frontend: 2024.0705.0
**What I am doing:**
Opening the browser mod settings page.
**What I expected to happen:**
Entire page should load without errors
**What happened instead:**
All of the Frontend Settings dropdowns do not load their content (sidebar order loads partial content). This seems to have been introduced in 2024.7.1, as it was working in 2024.7.0.
[Here](https://github.com/home-assistant/frontend/pull/21270/files#diff-561881062d7f628f12bf51e1065e82418bfbd48dcef1c0e495d8eb981d2b1d90R627) is the line in the PR which broke it. You need to either provide a localize function or the `hass` object when using `ha-data-table`.
**Minimal** steps to reproduce:
1. Install browswer-mod via HACS.
5. Open developer tools console.
6. Open the browser-mod settings page via the sidebar. Note the repeated errors.
7. Scroll to the bottom of the page and expand the frontend settings dropdowns. Note how most of them are empty and/or missing content.
```yaml
NA
```
**Error messages from the browser console:**
This error repeasts 30+ times per render.
```
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'localize')
at i.value (ha-data-table.ts:323:53)
at i.update (lit-element.ts:160:24)
at i.performUpdate (reactive-element.ts:1329:14)
at i.scheduleUpdate (reactive-element.ts:1261:17)
at i._$Ej (reactive-element.ts:1233:25)
```
---
**By replacing the space in the checkboxes ([ ]) with an X below, I indicate that I:**
- [x] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
- [x] Have made sure I am using the latest version of the plugin.
- [x] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
- [x] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
Works for me now.
Work for me now on the latest ha release.
