From 95b5854449647a931943e412b4c854c6f3cb0d1b Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sun, 9 Mar 2025 08:47:10 -0500
Subject: [PATCH] Small UI bugfix (#17035)

* test for more HA elements

* check if mobile and iOS instead of mobilesafari

* simplify

* fix for logs view
---
 web/src/pages/Logs.tsx     | 6 +++++-
 web/src/pages/Settings.tsx | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/Logs.tsx b/web/src/pages/Logs.tsx
index a4b67f441..196e6fdd7 100644
--- a/web/src/pages/Logs.tsx
+++ b/web/src/pages/Logs.tsx
@@ -31,6 +31,9 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { debounce } from "lodash";
+import { isIOS, isMobile } from "react-device-detect";
+import { isPWA } from "@/utils/isPWA";
+import { isInIframe } from "@/utils/isIFrame";
 
 function Logs() {
   const [logService, setLogService] = useState<LogType>("frigate");
@@ -54,7 +57,8 @@ function Logs() {
       );
       if (element instanceof HTMLElement) {
         scrollIntoView(element, {
-          behavior: "smooth",
+          behavior:
+            isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
           inline: "start",
         });
       }
diff --git a/web/src/pages/Settings.tsx b/web/src/pages/Settings.tsx
index f1a45ebc2..bfc3f6f8e 100644
--- a/web/src/pages/Settings.tsx
+++ b/web/src/pages/Settings.tsx
@@ -20,7 +20,7 @@ import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
 import { Button } from "@/components/ui/button";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import useOptimisticState from "@/hooks/use-optimistic-state";
-import { isMobile, isMobileSafari } from "react-device-detect";
+import { isIOS, isMobile } from "react-device-detect";
 import { FaVideo } from "react-icons/fa";
 import { CameraConfig, FrigateConfig } from "@/types/frigateConfig";
 import useSWR from "swr";
@@ -152,7 +152,8 @@ export default function Settings() {
       );
       if (element instanceof HTMLElement) {
         scrollIntoView(element, {
-          behavior: isMobileSafari && !isPWA && isInIframe ? "auto" : "smooth",
+          behavior:
+            isMobile && isIOS && !isPWA && isInIframe ? "auto" : "smooth",
           inline: "start",
         });
       }