fix: popup input focus on mobile devices

rdtabb · Sep 23, 2023 · 3e37727 · 3e37727
1 parent e31be31
commit 3e37727
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "meets",
   "private": true,
-  "version": "0.0.0",
+  "version": "1.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src/components/AnotherUser/Auserpopup.tsx b/src/components/AnotherUser/Auserpopup.tsx
@@ -26,7 +26,7 @@ const Auserpopup = ({ id }: PropsType) => {
   });
 
   useEffect(() => {
-    setFocus("comment");
+    if (window.innerWidth > 690) setFocus("comment");
   }, []);
 
   return (

diff --git a/src/components/Profile/AddPost.tsx b/src/components/Profile/AddPost.tsx
@@ -32,7 +32,7 @@ const AddPost = () => {
   });
 
   useEffect(() => {
-    setFocus("url");
+    if (window.innerWidth > 690) setFocus("url");
   }, []);
 
   return (

diff --git a/src/components/Profile/IconPopup.tsx b/src/components/Profile/IconPopup.tsx
@@ -32,7 +32,7 @@ const IconPopup = () => {
   });
 
   useEffect(() => {
-    setFocus("url");
+    if (window.innerWidth > 690) setFocus("url");
   }, []);
 
   return (

diff --git a/src/components/Profile/ImagePopup.tsx b/src/components/Profile/ImagePopup.tsx
@@ -26,7 +26,7 @@ const ImagePopup = () => {
   const commentsQuery = useComments("query", uid, selectedPost?.id);
 
   useEffect(() => {
-    setFocus("comment");
+    if (window.innerWidth > 690) setFocus("comment");
   }, []);
 
   return (

diff --git a/src/components/Profile/Popup.tsx b/src/components/Profile/Popup.tsx
@@ -32,7 +32,7 @@ const Popup = () => {
   });
 
   useEffect(() => {
-    setFocus("username");
+    if (window.innerWidth > 690) setFocus("username");
   }, []);
 
   return (