Coder Social home page Coder Social logo

Web Dashboard - Freeze tabs about frontend HOT 29 CLOSED

AudricSan avatar AudricSan commented on June 27, 2024 12
Web Dashboard - Freeze tabs

from frontend.

Comments (29)

kspearrin avatar kspearrin commented on June 27, 2024 6

If you are using Bitwarden cloud-hosted version, you can simply re-sync your vault and the problem should now go away. We are working on submitting a new version to the browser stores to address the issue for self-hosted Bitwarden users. You can also downgrade your browser extension client to 2024.5.x in the meantime to resolve the issue as well.

from frontend.

birdwing avatar birdwing commented on June 27, 2024 5

Turning off bitwarden's auto-fill doesn't seem to fix the issue for everyone.
Best workaround as of right now, is to Right click on the extension, mouse over "This can read and change site data" then change it to "When you click the extension".

image

This will prevent the extension from loading on Home assistant, unless you click on it.
It solves the issue, and is way simpler to revert once Bitwarden fixes the issue.

from frontend.

kspearrin avatar kspearrin commented on June 27, 2024 4

Version 2024.6.1 has been submitted to the chrome web store with the fix but will take some time for approval and rollout.

from frontend.

caiphus2k22 avatar caiphus2k22 commented on June 27, 2024 3

I have these issues since at least yesterday as well on Chrome 126.6478, 2024.6.2 and Frontend 20240610.0

Switching off the auto-fill function (or im my case the bitwarden extention to Chrome) does consistently solve the issue, switching it on again causes the issue to re-appear.

from frontend.

broyuken avatar broyuken commented on June 27, 2024 2

How do you downgrade the extension?

See bitwarden/clients#9617 Specifically...

@raidolo Where do you find the older unpacked extension?

In the releases... https://github.com/bitwarden/clients/releases/download/browser-v2024.5.2/dist-chrome-2024.5.2.zip you have to unzip the file somewhere and open that directory with the "Load Unpacked" button (enable developer option in extensions)

The releases can be found here: https://github.com/bitwarden/clients/releases Chrome 2024.5.2 is here: https://github.com/bitwarden/clients/releases/tag/browser-v2024.5.2

thanks, downgraded

from frontend.

EpicLPer avatar EpicLPer commented on June 27, 2024 1

Can confirm it seems Bitwarden related, so this issue should be closed.

I've already mentioned them on Twitter to bring up the issue, I confirmed this by updating Bitwarden on Brave to 2024.6 (previously had 2024.5.something installed), now I also have the issue there.

from frontend.

birdwing avatar birdwing commented on June 27, 2024 1

@kspearrin
It is also happening on: https://photoshop.adobe.com/id?learnid=7b050fa34872

So this isn't just a Home Assistant issue.
Someone in the thread (bitwarden/clients#9617 (comment)) pointed out that it looks like bitwarden has an infinite recurse on Shadow dom elements. Which HA uses very heavily on dashboards.

This explains why the issue only happens on HA dashboards, but not on settings or config pages.

It also explains why it appears random on other websites as well. Shadow dom's aren't used all that often, so sites that do use them are affected.

from frontend.

kspearrin avatar kspearrin commented on June 27, 2024 1

Thanks @johannes-z and @birdwing . I can reproduce the issue now. We'll work on a fix ASAP.

from frontend.

genesispc avatar genesispc commented on June 27, 2024

I am seeing the same issue:
Microsoft Edge Version 125.0.2535.92 (Official build) (64-bit) on windows 11

from frontend.

EpicLPer avatar EpicLPer commented on June 27, 2024

Same issue here since today, haven't had an issue the past few days despite updating to 2024.6.2. I actually think this might be a Chromium Engine bug, but I'm not 100% certain.

DISCLAIMER: I'm neither a debugging guy nor a programmer, these are just my uneducated best guesses.

Going by the performance analysis in Edge it seems to be stuck at trying to process autofill information, further expanding the options below reveals it seems to try and detect if input fields are ready for autofill??? I'm not entirely sure... However I can consistently reproduce a ~20 second freeze whenever I load into the Helper page or my main dashboard.
image
image

from frontend.

ThePatricide avatar ThePatricide commented on June 27, 2024

For me it happens as well since today. I was on 2024.6.0 when it started. When I go directly to the local IP-address in Edge, all is well. On Android phone all is well. I tried updating to 2024.6.2 but to no avail. I've tried to reboot everything and clear caches to no avail.
When accessing via domain (via Cloudflare and NGINX) it freezes after a second.

from frontend.

ThePatricide avatar ThePatricide commented on June 27, 2024

I have these issues since at least yesterday as well on Chrome 126.6478, 2024.6.2 and Frontend 20240610.0

Switching off the auto-fill function (or im my case the bitwarden extention to Chrome) does consistently solve the issue, switching it on again causes the issue to re-appear.

Can confirm the same workaround. Bitwarden is also the culprit here. Disabling it solves the freezing.
It makes sense, they recently had an update where it would work also in InPrivate mode. Therefore, my go-to solution for checking if incompatibility comes from an extension also didn't work.

from frontend.

sushain97 avatar sushain97 commented on June 27, 2024

I'm seeing this as well. I've started navigating directly to settings pages to avoid ever loading a dashboard.

Versions:

  • Bitwarden 2024.6.0
  • HA 2024.6.2
  • Chrome 125.0.6422.142 126.0.6478.62

@caiphus2k22 how did you disable Bitwarden's auto-fill to prevent this? I'd like to not entirely disable it (although that does fix things).

I have these settings and still experience the hang:

image

from frontend.

AudricSan avatar AudricSan commented on June 27, 2024

The source of the problem has been found, and a temporary solution has been identified. I am closing the issue.

from frontend.

caiphus2k22 avatar caiphus2k22 commented on June 27, 2024

@sushain97 - You should goto Chrome extension settings - you can disable Bitwarden there - not possible to do so w/i Bitwarden.

from frontend.

birdwing avatar birdwing commented on June 27, 2024

Issue is being tracked on the bitwarden repository.
bitwarden/clients#9617

from frontend.

kspearrin avatar kspearrin commented on June 27, 2024

Hi all. Kyle here from Bitwarden. I am also a homeassitant user. I use Brave browser and have not experienced this problem. Do you all have any further information on how I might reproduce the problem so I can get our engineers to look into how to fix it?

from frontend.

johannes-z avatar johannes-z commented on June 27, 2024

@kspearrin I haven't narrowed it down, but not all pages are hanging, e.g. the config page still works. Rolling back the extension from 2024.6.0 to 2024.5.2 also fixed the issue.

from frontend.

broyuken avatar broyuken commented on June 27, 2024

How do you downgrade the extension?

from frontend.

danielbrunt57 avatar danielbrunt57 commented on June 27, 2024

How do you downgrade the extension?

See bitwarden/clients#9617
Specifically...

@raidolo Where do you find the older unpacked extension?

In the releases... https://github.com/bitwarden/clients/releases/download/browser-v2024.5.2/dist-chrome-2024.5.2.zip you have to unzip the file somewhere and open that directory with the "Load Unpacked" button (enable developer option in extensions)

The releases can be found here: https://github.com/bitwarden/clients/releases
Chrome 2024.5.2 is here: https://github.com/bitwarden/clients/releases/tag/browser-v2024.5.2

from frontend.

danktankk avatar danktankk commented on June 27, 2024

Version 2024.6.1 has been submitted to the chrome web store with the fix but will take some time for approval and rollout.

thank you!

from frontend.

loryanstrant avatar loryanstrant commented on June 27, 2024

Just to throw a spanner in the works here I'm experiencing it currently on Firefox where there is no Bitwarden.
I mean, I am also experiencing it on Edge with the Bitwarden extension (whether locked or unlocked).
In Firefox I can navigate and use automations, dev tools, etc. But if I go to a dashboard or browser_mod, the tab will become unresponsive.

from frontend.

danktankk avatar danktankk commented on June 27, 2024

2024.6.1 is still not available :| how long does it take?

from frontend.

kspearrin avatar kspearrin commented on June 27, 2024

Usually a day or so, but I guess Google isn't reviewing over the weekend. I would expect something tomorrow.

from frontend.

darnasii avatar darnasii commented on June 27, 2024

Hello, On version 2024.6.1 installed from Chrome Web Store, problem still exist!

from frontend.

ThePatricide avatar ThePatricide commented on June 27, 2024

On Edge with 2024.6.1 installed, the issue is gone. All works again as usual.

from frontend.

cagonzalezcs avatar cagonzalezcs commented on June 27, 2024

@darnasii

I'm a dev with Bitwarden. The changes in v2024.6.1 should have resolved the behavior that this thread describes.

If you have time, could you please provide some details (OS, other extensions installed, console logs, etc...) on this thread? bitwarden/clients#9617

We'd appreciate your help in narrowing down the bug that is giving you trouble. Thank you.

from frontend.

danktankk avatar danktankk commented on June 27, 2024

Updated and it did not work at first. I needed to close the browser and reopen it. It now works as expected so far. Many thanks for this fix!

from frontend.

cagonzalezcs avatar cagonzalezcs commented on June 27, 2024

@danktankk Thank you for the update, glad to hear things are working now.

from frontend.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.