fix ios keyboardplugin

Author: totegamma

app/src/views/Home.tsx

@@ -38,12 +38,16 @@ export const HomeView = (props: ScrollViewProps) => {
     const [selectedTabUri, setSelectedTabUri] = useState<string>('')
 
     // fix default settings
+    // depsのtはi18nの言語ロードで参照が変わるので、ガードがないとドロワーが二重にpushされる
+    const profileSetupOpened = useRef(false)
     useEffect(() => {
         if (!client) return
         // オフライン時はプロフィールがキャッシュから読めなかっただけの可能性があり、
         // そもそもcommitもできないので表示しない
         if (isDomainOffline) return
+        if (profileSetupOpened.current) return
         if (!(client.currentProfile in client.profiles)) {
+            profileSetupOpened.current = true
             drawer.open(
                 <ProfileEditor
                     noLoading

plugins/tauri-plugin-keyboard/ios/Sources/KeyboardPlugin.swift

@@ -25,6 +25,26 @@ class KeyboardPlugin: Plugin {
         )
     }
 
+    // object: nilで購読しているため、webview以外が出したキーボードの通知も届く。
+    // 特にアカウント作成フローはアプリ内ブラウザ(SFSafariViewController)の登録フォームに
+    // 入力させるので、そのキーボード高さをそのまま流すとwebview側に余白が残り続け、
+    // ブラウザを閉じた後に開いたBottomSheetの中身が高さ0に潰れて真っ白になる
+    private func isOwnKeyboard(_ notification: Notification) -> Bool {
+        // アプリ内ブラウザは別プロセスで動くのでisLocalがfalseになる。
+        // キーが無い経路もあるため、取れない場合は自分のものとみなす
+        if let isLocal = notification.userInfo?[UIResponder.keyboardIsLocalUserInfoKey] as? Bool, !isLocal {
+            return false
+        }
+
+        // モーダルが乗っている間(アプリ内ブラウザ/バーコードスキャナ等)はwebviewが隠れており、
+        // そこで出たキーボードはこちらのレイアウトには関係ない
+        if manager.viewController?.presentedViewController != nil {
+            return false
+        }
+
+        return true
+    }
+
     @objc func keyboardWillChangeFrame(_ notification: Notification) {
         guard
             let endFrame = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?
@@ -36,7 +56,12 @@ class KeyboardPlugin: Plugin {
 
         // 画面下端とキーボードの重なり。hide時はendFrameが画面外に出て0になる。
         // QuickTypeバー切替等で同一表示中にも発火するため、差分ではなく毎回絶対値で計算する。
-        let height = max(0, UIScreen.main.bounds.maxY - endFrame.minY)
+        // 自分以外のキーボードは無視(return)ではなく高さ0として流す。
+        // 無視すると直前の高さがJS側のstateに残り続けてしまう
+        let height =
+            isOwnKeyboard(notification)
+            ? max(0, UIScreen.main.bounds.maxY - endFrame.minY)
+            : 0
 
         do {
             try trigger(

ui/src/ui/BottomSheet.tsx

@@ -2,6 +2,9 @@ import { type ReactNode } from 'react'
 import { animate, motion, useDragControls, useMotionValue, useTransform } from 'motion/react'
 import { CssVar } from '../types/Theme'
 
+// キーボード分の余白でコンテンツを潰し切らないための下限
+const MIN_CONTENT_HEIGHT = 120
+
 interface Props {
     height: number
     onDismiss: () => void
@@ -20,6 +23,10 @@ export const BottomSheet = (props: Props) => {
     const height = props.height
     const backdropOpacity = useTransform(y, [0, height], [0.5, 0])
 
+    // 想定外に大きいキーボード高さが来ても、スペーサーがシートを食い尽くして
+    // スクロールコンテナが高さ0になる(中身が消える)ことがないようクランプする
+    const keyboardHeight = Math.min(props.keyboardInset?.height ?? 0, Math.max(0, height - MIN_CONTENT_HEIGHT))
+
     return (
         <>
             <motion.div
@@ -128,7 +135,7 @@ export const BottomSheet = (props: Props) => {
                     <div
                         style={{
                             flexShrink: 0,
-                            height: `${props.keyboardInset.height}px`,
+                            height: `${keyboardHeight}px`,
                             transition: `height ${props.keyboardInset.duration}s ease-out`
                         }}
                     />

web/src/views/Home.tsx

@@ -41,12 +41,16 @@ export const HomeView = (props: ScrollViewProps) => {
     const [selectedTabUri, setSelectedTabUri] = useState<string>('')
 
     // fix default settings
+    // depsのtはi18nの言語ロードで参照が変わるので、ガードがないとドロワーが二重にpushされる
+    const profileSetupOpened = useRef(false)
     useEffect(() => {
         if (!client) return
         // オフライン時はプロフィールがキャッシュから読めなかっただけの可能性があり、
         // そもそもcommitもできないので表示しない
         if (isDomainOffline) return
+        if (profileSetupOpened.current) return
         if (!(client.currentProfile in client.profiles)) {
+            profileSetupOpened.current = true
             drawer.open(
                 <ProfileEditor
                     noLoading