TF-1679: Hide cursor of bcc when focus to html editor

(cherry picked from commit 588c9b4873ea40b75dd6e6cffbe80af21a4b287c)

lib/features/identity_creator/presentation/identity_creator_controller.dart

@@ -2,6 +2,7 @@
 import 'package:core/utils/app_logger.dart';
 import 'package:core/utils/build_utils.dart';
 import 'package:flutter/cupertino.dart';
+import 'package:flutter/services.dart';
 import 'package:get/get_core/get_core.dart';
 import 'package:get/get_instance/get_instance.dart';
 import 'package:get/get_rx/get_rx.dart';
@@ -63,6 +64,7 @@ class IdentityCreatorController extends BaseController {
   TextEditingController? inputNameIdentityController;
   TextEditingController? inputBccIdentityController;
   FocusNode? inputNameIdentityFocusNode;
+  FocusNode? inputBccIdentityFocusNode;
 
   String? _nameIdentity;
   String? _contentHtmlEditor;
@@ -109,6 +111,7 @@ class IdentityCreatorController extends BaseController {
     inputNameIdentityController = TextEditingController();
     inputBccIdentityController = TextEditingController();
     inputNameIdentityFocusNode = FocusNode();
+    inputBccIdentityFocusNode = FocusNode();
     scrollController = ScrollController();
   }
 
@@ -422,6 +425,7 @@ class IdentityCreatorController extends BaseController {
     if (!BuildUtils.isWeb) {
       keyboardRichTextController.htmlEditorApi?.unfocus();
     }
+    SystemChannels.textInput.invokeMethod('TextInput.hide');
     FocusScope.of(context).unfocus();
   }
 
@@ -437,6 +441,8 @@ class IdentityCreatorController extends BaseController {
     keyboardRichTextController.dispose();
     inputNameIdentityFocusNode?.dispose();
     inputNameIdentityFocusNode = null;
+    inputBccIdentityFocusNode?.dispose();
+    inputBccIdentityFocusNode = null;
     inputNameIdentityController?.dispose();
     inputNameIdentityController = null;
     inputBccIdentityController?.dispose();
@@ -444,7 +450,19 @@ class IdentityCreatorController extends BaseController {
     scrollController?.dispose();
   }
 
-  void onFocusHTMLEditorOnMobile() async {
+  void initRichTextForMobile(BuildContext context, HtmlEditorApi editorApi) {
+    keyboardRichTextController.htmlEditorApi = editorApi;
+    keyboardRichTextController.onCreateHTMLEditor(
+      editorApi,
+      onEnterKeyDown: _onEnterKeyDownOnMobile,
+      onFocus: _onFocusHTMLEditorOnMobile,
+      context: context
+    );
+  }
+
+  void _onFocusHTMLEditorOnMobile() async {
+    inputBccIdentityFocusNode?.unfocus();
+    inputNameIdentityFocusNode?.unfocus();
     if (scrollController != null) {
       if (htmlKey.currentContext != null) {
         await Scrollable.ensureVisible(htmlKey.currentContext!);
@@ -462,7 +480,7 @@ class IdentityCreatorController extends BaseController {
     }
   }
 
-  void onEnterKeyDownOnMobile() {
+  void _onEnterKeyDownOnMobile() {
     if (scrollController != null && scrollController!.position.pixels < scrollController!.position.maxScrollExtent) {
       scrollController!.animateTo(
         scrollController!.position.pixels + 20,

lib/features/identity_creator/presentation/identity_creator_view.dart

@@ -237,7 +237,8 @@ class IdentityCreatorView extends GetWidget<IdentityCreatorController> {
           Obx(() => (IdentityInputWithDropListFieldBuilder(
               AppLocalizations.of(context).bcc_to,
               controller.errorBccIdentity.value,
-              controller.inputBccIdentityController)
+              controller.inputBccIdentityController,
+              focusNode: controller.inputBccIdentityFocusNode)
             ..addOnSelectedSuggestionAction((newEmailAddress) {
               controller.inputBccIdentityController?.text = newEmailAddress?.email ?? '';
               controller.updateBccOfIdentity(newEmailAddress);
@@ -337,7 +338,9 @@ class IdentityCreatorView extends GetWidget<IdentityCreatorController> {
                   ),
                 ]
               ),
-          )] else ...[
+            ),
+            const SizedBox(height: 35),
+          ] else ...[
             _buildActionBottomDesktop(context)
           ]
         ]),
@@ -346,48 +349,57 @@ class IdentityCreatorView extends GetWidget<IdentityCreatorController> {
 
     return GestureDetector(
       onTap: () => controller.clearFocusEditor(context),
-      child: Stack(
-          children: [
-            Column(children: [
+      child: Column(children: [
+        SizedBox(
+          width: double.infinity,
+          child: Stack(
+            children: [
+              Positioned(right: 8, top: 2,
+                child: buildIconWeb(
+                  iconSize: 24,
+                  icon: SvgPicture.asset(
+                    _imagePaths.icComposerClose,
+                    fit: BoxFit.fill,
+                    colorFilter: AppColor.colorDeleteContactIcon.asFilter()
+                  ),
+                  tooltip: AppLocalizations.of(context).close,
+                  onTap: () => controller.closeView(context)),
+              ),
               Padding(
-                  padding: const EdgeInsets.only(top: 14),
+                padding: const EdgeInsets.only(top: 14),
+                child: Align(
+                  alignment: Alignment.center,
                   child: Obx(() {
                     return Text(controller.actionType.value == IdentityActionType.create
-                        ? AppLocalizations.of(context).createNewIdentity.inCaps
-                        : AppLocalizations.of(context).edit_identity.inCaps,
+                      ? AppLocalizations.of(context).createNewIdentity.inCaps
+                      : AppLocalizations.of(context).edit_identity.inCaps,
                       style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 20, color: Colors.black));
-                  })),
-              const SizedBox(height: 8),
-              Expanded(
-                child: BuildUtils.isWeb
-                  ? PointerInterceptor(child: bodyCreatorView)
-                  : KeyboardRichText(
-                      keyBroadToolbar: RichTextKeyboardToolBar(
-                        titleBack: AppLocalizations.of(context).titleFormat,
-                        backgroundKeyboardToolBarColor: AppColor.colorBackgroundKeyboard,
-                        isLandScapeMode: _responsiveUtils.isLandscapeMobile(context),
-                        richTextController: controller.keyboardRichTextController,
-                        titleQuickStyleBottomSheet: AppLocalizations.of(context).titleQuickStyles,
-                        titleBackgroundBottomSheet: AppLocalizations.of(context).titleBackground,
-                        titleForegroundBottomSheet: AppLocalizations.of(context).titleForeground,
-                        titleFormatBottomSheet: AppLocalizations.of(context).titleFormat,
-                      ),
-                      richTextController: controller.keyboardRichTextController,
-                      child: bodyCreatorView),
+                  }),
+                ),
               ),
-            ]),
-            Positioned(top: 2, right: 8,
-                child: buildIconWeb(
-                    iconSize: 24,
-                    icon: SvgPicture.asset(
-                      _imagePaths.icComposerClose,
-                      fit: BoxFit.fill,
-                      colorFilter: AppColor.colorDeleteContactIcon.asFilter()
-                    ),
-                    tooltip: AppLocalizations.of(context).close,
-                    onTap: () => controller.closeView(context)))
-          ]
-      ),
+            ],
+          ),
+        ),
+        const SizedBox(height: 8),
+        Expanded(
+          child: BuildUtils.isWeb
+            ? PointerInterceptor(child: bodyCreatorView)
+            : KeyboardRichText(
+                keyBroadToolbar: RichTextKeyboardToolBar(
+                  titleBack: AppLocalizations.of(context).titleFormat,
+                  backgroundKeyboardToolBarColor: AppColor.colorBackgroundKeyboard,
+                  isLandScapeMode: _responsiveUtils.isLandscapeMobile(context),
+                  richTextController: controller.keyboardRichTextController,
+                  titleQuickStyleBottomSheet: AppLocalizations.of(context).titleQuickStyles,
+                  titleBackgroundBottomSheet: AppLocalizations.of(context).titleBackground,
+                  titleForegroundBottomSheet: AppLocalizations.of(context).titleForeground,
+                  titleFormatBottomSheet: AppLocalizations.of(context).titleFormat,
+                ),
+                richTextController: controller.keyboardRichTextController,
+                paddingChild: EdgeInsets.zero,
+                child: bodyCreatorView),
+        ),
+      ]),
     );
   }
 
@@ -458,14 +470,7 @@ class IdentityCreatorView extends GetWidget<IdentityCreatorController> {
         minHeight: controller.htmlEditorMinHeight,
         addDefaultSelectionMenuItems: false,
         initialContent: initialContent ?? '',
-        onCreated: (editorApi) {
-          controller.keyboardRichTextController.onCreateHTMLEditor(
-            editorApi,
-            onEnterKeyDown: controller.onEnterKeyDownOnMobile,
-            onFocus: controller.onFocusHTMLEditorOnMobile,
-            context: context
-          );
-        },
+        onCreated: (editorApi) => controller.initRichTextForMobile(context, editorApi),
       ),
     );
   }

lib/features/identity_creator/presentation/widgets/identity_input_with_drop_list_field_builder.dart

@@ -14,6 +14,7 @@ class IdentityInputWithDropListFieldBuilder {
   final String _label;
   final String? _error;
   final TextEditingController? editingController;
+  final FocusNode? focusNode;
 
   OnSelectedSuggestionAction? _onSelectedSuggestionAction;
   OnSuggestionCallbackAction? _onSuggestionCallbackAction;
@@ -23,6 +24,9 @@ class IdentityInputWithDropListFieldBuilder {
     this._label,
     this._error,
     this.editingController,
+    {
+      this.focusNode,
+    }
   );
 
   void addOnSelectedSuggestionAction(OnSelectedSuggestionAction action) {
@@ -46,13 +50,14 @@ class IdentityInputWithDropListFieldBuilder {
       const SizedBox(height: 8),
       TypeAheadFormField<EmailAddress>(
         textFieldConfiguration: TextFieldConfiguration(
-            controller: editingController,
-            textInputAction: TextInputAction.done,
-            decoration: (IdentityInputDecorationBuilder()
-                ..setContentPadding(const EdgeInsets.symmetric(
-                    vertical: BuildUtils.isWeb ? 16 : 12,
-                    horizontal: 12))
-                ..setErrorText(_error))
+          focusNode: focusNode,
+          controller: editingController,
+          textInputAction: TextInputAction.done,
+          decoration: (IdentityInputDecorationBuilder()
+            ..setContentPadding(const EdgeInsets.symmetric(
+              vertical: BuildUtils.isWeb ? 16 : 12,
+              horizontal: 12))
+            ..setErrorText(_error))
               .build()
         ),
         debounceDuration: const Duration(milliseconds: 500),