[Bug]: Whole page freeze after closing "create new face" dialog which open from in tooltip

[shelly-mllabs]

Checklist

• I have updated to the latest available Frigate version.
• I have cleared the cache of my browser.
• I have tried a different browser to see if it is related to my browser.
• I have tried reproducing the issue in incognito mode to rule out problems with any third party extensions or plugins I have installed.
• I have asked the AI at https://docs.frigate.video about my issue.

Describe the problem you are having

Issue description

Whole page freeze after closing "create new face" dialog which open from in tooltip menu

Issue cause

The html body's style is set to pointer-event: none by default logic in dialog's dismissable-layer

Possible solutions

1. Make tooltilp component controllable, make sure to close tooltip before open the dialog

<SelectorItem
  className="flex cursor-pointer gap-2 smart-capitalize"
  onClick={() => {
      setToolTipOpen(false);
      queueMicrotask(() => setNewFace(true));
 }}
>
    <LuPlus />
    {t("createFaceLibrary.new")}
</SelectorItem>

2. When open the dialog, clear body's style

<SelectorItem
  className="flex cursor-pointer gap-2 smart-capitalize"
  onClick={() => {
      setToolTipOpen(false);
      document.body.style.pointerEvents = "";
 }}
>
    <LuPlus />
    {t("createFaceLibrary.new")}
</SelectorItem>

Steps to reproduce

1. Navigate to /frigate/faces
2. Click "Train Face" and open tooltip menu
3. Click "Create new face" which opens the dialog
4. Close the dialog
5. The whole page freeze
   ...

Version

0.16.2

In which browser(s) are you experiencing the issue with?

Chrome, FireFox

Frigate config file

# ui issue, unrelated to frigate configuration

docker-compose file or Docker CLI command

# ui issue, unrelated to frigate configuration

Relevant Frigate log output

# ui issue, unrelated to frigate log

Relevant go2rtc log output

# ui issue, unrelated to frigate log

Operating system

Other Linux

Install method

Docker Compose

Network connection

Wireless

Camera make and model

ui issue, unrelated to model

Screenshots of the Frigate UI's System metrics pages

ui issue, unrelated to frigate configuration

Any other information that may be helpful

No response

[inkeep-ai-assistant[bot]]

This is a UI bug in Frigate 0.16.2 where the page becomes unresponsive after closing the "Create New Face" dialog that opens from the tooltip menu in the face library.(1)

The issue occurs because the dismissable layer logic sets pointer-events: none on the HTML body element, and this style isn't properly cleared when the dialog closes, leaving the entire page frozen and unresponsive.(1)

Your proposed solutions are on the right track:

1. Make the tooltip controllable - Close the tooltip before opening the dialog using setToolTipOpen(false) followed by queueMicrotask(() => setNewFace(true))(1)

2. Clear the body style - Manually reset the pointer-events style when opening the dialog: document.body.style.pointerEvents = ""(1)

This is a known issue that affects the face library feature in version 0.16.2. Similar UI freeze issues have been reported when interacting with dialogs in full-screen mode.(2) The root cause is the interaction between the tooltip component and the dialog's dismissable layer implementation.

For a permanent fix, this would need to be addressed in the Frigate codebase to ensure proper cleanup of the pointer-events style when dialogs are dismissed.

📚 Sources:

1. [Bug]: Frigate Freezes When Updating Face Image in Face Library
2. [Bug]: Using 'Submit frame to Frigate+' while in full screen causes dialog in background, appears frozen

---

Have another question? Just tag @inkeep.

[hawkeye217]

The AI is correct here. I ran across this very thing fixing something else in the dev branch yesterday. It's because pointer-events: none is set on the body element. The fix will be to manually control the closing of the element.

I'll look into this and put up a PR soon. The fix will not make it in an official Frigate build until the next release, though.

[hawkeye217]

I can confirm this is no longer reproducible with the face/classification refactor in the next version of Frigate.