[Camera Support]: Motion Tuner cant scroll down on iphone when video is a horizontal one (v 15-beta5)

[bob454522]

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.

Describe the problem you are having

running: 0.15.0-rc2 (UPDATE: just now tested with latest 15 rc2 and issue is still the same - prior was running 15-beta5)
For any cameras that are 16:9 and vertical orientation (ie taller than wider, 9:16 , not 16:9 , see picts below) - , on iphone - when on the Settings -> Motion Tuner page, you are unable to access the settings (all you see is the video and are not able to scroll down).

This is on an iphone 13 pro (big physical size) - ios 18.1 , and occurs both with Safari and Chrome on ios 18.

this does NOT occur if the video feed is "normal" widescreen orientation.

i can get this to reproduce on chrome/firefox on a win PC, via dev-tools and using responsive layout (and adjusting the window sizing)

(note - This is not some custom video size / res, its 1080 (width) x 1920 (h), same issue occurs when i use res 720 (width) x 1280 (h) it's an Axis camera where you physically rotate the lens so that you can see more vertically than horizontal Axis calls it Corridor mode/orientation)

physically Rotating the phone to landscape does not help as the issue persists.

not a big deal, but wanted to bring it up. Frigate is the BEST!

tks

all good / no problems with a normal widescreen video feed:

Steps to reproduce

1. have a video stream/feed that is vertical orientation, such as: 720 (width) x 1280 (h)
2. on iphone (or PC using devtools + mobile + adjust responsive Dimensions , navigate to: Settings -> Motion Tuner
3. (cant scroll down to access the settings)
   ...

Version

0.15.0-83ac42c

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

safari on ios 18

Frigate config file

na

docker-compose file or Docker CLI command

na

Relevant Frigate log output

na

Relevant go2rtc log output

na

Operating system

Debian

Install method

Docker Compose

Network connection

Wired

Camera make and model

axis p3265-lve

Screenshots of the Frigate UI's System metrics pages

camera:
[{"return_code":0,"stderr":"","stdout":{"programs":[],"stream_groups":[],"streams":[{"codec_long_name":"H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10","width":720,"height":1280,"avg_frame_rate":"5/1"},{"codec_long_name":"PCM mu-law / G.711 mu-law","avg_frame_rate":"0/0","bit_rate":"64000"}]}}]

Any other information that may be helpful

No response

[hawkeye217]

So there are a few things at play here.

Frigate uses your browser's user agent string as one of the cues to determine the appropriate layout for the UI. Using your desktop browser's devtools pane doesn't always give you the same layout you'd see on a mobile device if the user agent string does not look like it would on mobile.

You can see this in your screenshot. The Frigate logo and sidebar icons should not appear on mobile devices. You are seeing the desktop layout.

If you refresh your browser while still in responsive design view, does it switch to mobile layout (icons at the bottom)?

While I don't have a physical iPhone 13 Max to test with, I can't reproduce what you're seeing with a portrait camera when I set the dimensions to what you have in your screenshot and the UI loads in mobile mode.

[hawkeye217]

I should also note that users have had some issues with Axis cameras specifically related to scaling and resolution. Have you manually defined a detect width and height in your config for this camera?