[Support]: 0.14 Large number of cameras/filters pushes apply button off screen

[YBonline]

Describe the problem you are having

First off, absolutely amazing job on the new UI! The new interface is very slick, and sure to help Frigate become much more successful and makes it sooooo much more enjoyable to use.... I've been using it for a little while now, and its been absolutely amazing.

With that said, wanted to report a bug...
All of the dropdown menus need to be scrollable. For example, in reviews, the cameras and filters don't fit on my screen, so I can't hit the apply button, or see all my cameras. This is also an issue in camera groups, which uses a different style menu.

Version

0.14

Frigate config file

NA

Relevant log output

NA

FFprobe output from your camera

NA

Frigate stats

NA

Operating system

Other Linux

Install method

Docker Compose

Coral version

PCIe

Network connection

Wired

Camera make and model

NA

Any other information that may be helpful

No response

[NickM-27]

we were wondering if that would be the case, should be an easy fix

[NickM-27]

#11155

[YBonline]

Thanks, that fixes it! Mostly... when I add a camera group, AFTER I hit submit, there is some weird second scroll bar that is appearing and disappearing over and over again inside that dialog until the save is completed.

[NickM-27]

Interesting, will have to look at that

[YBonline]

I made a little video of it

Recording.2024-04-29.161657.mp4

[YBonline]

Also 2 more little UI issues:

1. On cameras with a 16:9 aspect ratio, the controls on the playback appear by default below the video player... however, they only appear when you hover on the video player, and if you hover off, to use the controls, they disappear before you get to them.
   

2. On the timeline object, if you are on a desktop with a touchscreen, if you try to touch and drag the current time/red bar, it doesn't work. On mobile this works, and if you use a mouse, it works as expected, but not the touchscreen.

[NickM-27]

1. This is most likely a problem where your detect resolution and camera resolution are different aspect ratios. 16:9 cameras should not be appearing in this layout.

[YBonline]

1. This is most likely a problem where your detect resolution and camera resolution are different aspect ratios. 16:9 cameras should not be appearing in this layout.

Hmm, so yes, it does appear that the actual substream aspect ratio provided by the camera is in fact different then the high resolution aspect ratio.... and from what I can tell, this does not appear to be an option on the camera to make them the same... (which seems insane to me, but security cameras have the weirdest firmwares on board, so I guess no surprise). I don't have adequate hardware to re-encode my own substream given my number of cameras, so whats my best option there?

[NickM-27]

your best option is to manually set the detect resolution in frigate to match the aspect ratio of the cameras main stream.

So for example if your main stream is 16:9 and the sub stream is 640x480 then just set the detect config to be

detect:
  width: 640
  height: 360

and that will have minimal if any additional resource usage

[YBonline]

and the stretching wouldn't impact detections significantly? I know I'm struggling slightly with my newer fisheye camera (although its not well trained as of yet, just with a near default model)

also, I'm curious, I'm admittedly entirely unfamiliar with Frigate's code base, but wouldn't it be better to just do the positioning on the client side based on the actual video ratio right when its playing? it doesn't seem like it'd have any disadvantage to doing it that way?

[NickM-27]

it is just more complicated to do because we do not have that information right away and also don't have it at the level that decides the layout

[NickM-27]

looks like Hawkeye worked on this (using the camera res directly instead of assuming detect matches)

[divemasterjm]

Hi, testing dev, if i can help ill be glad to do it,
when trying to send to frigate+ (in frigate+ tab) if i click on an snapshot the area of the image is way to big and i cant see the botton for sending or i can imagine is a person/is not a person.

[NickM-27]

an example screenshot would be helpful

[divemasterjm]

[NickM-27]

what is the resolution of the browser window? (if it is fullscreen, what is the monitor resolution?)

[divemasterjm]

browser window is full max and resolution is 1920x1080 with 150% scale

[divemasterjm]

if scale is 100% then i can see buttons, but if i resize browser window then i have same effect as before

[YBonline]

So just wanted to follow up... most of my issues are fixed... however:
In settings > masks/zones & motion tuner & debug, it still needs a scrollbar

Also touch drag events on the time on playback still don't work on desktop Chrome/tablets

Everything else is resolved in the latest version

[hawkeye217]

A screenshot of the place that needs a scrollbar would be helpful.

[hawkeye217]

Actually, I'm all set - I just put up this PR to solve your issues.

[YBonline]

Thanks, that fixes that!

So I'm getting a couple more issues... both of them are very intermittent and demonstrated on this screenshot (they seem to happen about 10% of the time)

1. Sometimes the other cameras previews get really small, other times they get a scrollbar, as would be expected. I have not detected any pattern to the behavior.
2. Randomly the error about my camera being down (I have a network switch that failed and I'm waiting on a replacement) repeats a ton of times, other times, I only get one message about it, as expected. Again, with seemingly no pattern.
   

Also I'm really digging the alerts/detections as the background on the timeline, that looks awesome, great improvement!