fix(drawer): properly restore height after keyboard collapses on android (#1257)

* fix(drawer): properly restore height after keyboard collapses on android

* fix: add missing import

* docs: changeset

Author: te6-in

.changeset/eleven-pants-drop.md

@@ -0,0 +1,5 @@
+---
+"@seed-design/react-drawer": patch
+---
+
+Android 환경에서 온스크린 키보드가 닫힐 때 Drawer(Bottom Sheet) 높이가 정상적으로 복원되지 않는 문제를 수정합니다.

packages/react-headless/drawer/src/browser.ts

@@ -30,6 +30,13 @@ export function isIOS(): boolean | undefined {
   return isIPhone() || isIPad();
 }
 
+export function isAndroid(): boolean | undefined {
+  if (typeof window === "undefined" || typeof navigator === "undefined") return false;
+
+  return /Android/.test(navigator.userAgent);
+}
+
+// TODO: use userAgent instead?
 export function testPlatform(re: RegExp): boolean | undefined {
   return typeof window !== "undefined" && window.navigator != null
     ? re.test(window.navigator.platform)

packages/react-headless/drawer/src/useDrawer.ts

@@ -1,7 +1,7 @@
 import { useControllableState } from "@seed-design/react-use-controllable-state";
 import type React from "react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { isIOS, isMobileFirefox } from "./browser";
+import { isAndroid, isIOS, isMobileFirefox } from "./browser";
 import {
   CLOSE_THRESHOLD,
   DRAG_CLASS,
@@ -600,7 +600,7 @@ export function useDrawer(props: UseDrawerProps) {
           } else {
             drawerRef.current.style.height = `${Math.max(newDrawerHeight, visualViewportHeight - offsetFromTop)}px`;
           }
-        } else if (!isMobileFirefox()) {
+        } else if (!isMobileFirefox() && !isAndroid()) {
           drawerRef.current.style.height = `${initialDrawerHeight.current}px`;
         }