Fix bug no 2 - dismiss keyboard when tap outside fields.

MozillaFoundation · Jul 8, 2024 · ebbe244 · ebbe244
1 parent 21194f7
commit ebbe244
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/src/main/java/org/mozilla/tiktokreporter/reportform/ReportFormScreen.kt b/app/src/main/java/org/mozilla/tiktokreporter/reportform/ReportFormScreen.kt
@@ -9,6 +9,7 @@ import android.provider.Settings
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.rememberLauncherForActivityResult
 import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.foundation.gestures.detectTapGestures
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -31,8 +32,10 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.input.pointer.pointerInput
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.LocalLifecycleOwner
+import androidx.compose.ui.platform.LocalSoftwareKeyboardController
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
@@ -363,11 +366,17 @@ private fun ReportFormScreenContent(
     }) { innerPadding ->
         val scrollState = rememberScrollState()
         val coroutineScope = rememberCoroutineScope()
+        val keyboardController = LocalSoftwareKeyboardController.current
 
         Column(
             modifier = Modifier
                 .fillMaxSize()
                 .padding(innerPadding)
+                .pointerInput(Unit) {
+                    detectTapGestures(onTap = {
+                        keyboardController?.hide()
+                    })
+                }
         ) {
             MozillaTabRow(
                 modifier = Modifier, tabs = state.tabs.map {