fix(Bottom-Sheet): Raise sheet to 85 - 90% height to reduce keyboard overlap and improve interaction in some specific flows

- Set default bottom-sheet height to 90% of the viewport/screen on specific dialog flows (SWAP, SendModal, Bridge..)
- Set default bottom-sheet height to 85% of the viewport/screen on specific dropdown flows (StatusLanguageSelector, Chat search...).
- Improves virtual keyboard overlap on form and search flows.

Closes #19098
Fixes #19064

Author: noeliaSD

ui/StatusQ/src/StatusQ/Components/StatusLanguageSelector.qml

@@ -116,6 +116,7 @@ Button {
         relativeX: root.width - width
         relativeY: root.height + 2
         width: 300
+        fillHeightOnBottomSheet: true
         margins: Theme.halfPadding
 
         padding: 0
@@ -195,6 +196,11 @@ Button {
                     }
                 }
             }
+
+            // Just a filler
+            Item {
+                Layout.fillHeight: true
+            }
         }
     }
 

ui/StatusQ/src/StatusQ/Controls/StatusDropdown.qml

@@ -72,11 +72,24 @@ QC.Popup {
                                             d.windowHeight > d.windowWidth
                                             && d.windowWidth <= Theme.portraitBreakpoint.width
 
+    /*!
+       \qmlproperty bool fillHeightOnBottomSheet
+        This property decides the height of the dialog when `bottomSheet` is active:
+          * If active: it fills the 90% of the screen viewport.
+          * If not active: the height is the minimum value between the implicitHeight and the 90% of the screen viewport.
+    */
+    property bool fillHeightOnBottomSheet: false
+
     QtObject {
        id: d
        readonly property var window: root.contentItem.Window.window
        readonly property int windowWidth: window ? window.width: Screen.width
        readonly property int windowHeight: window ? window.height: Screen.height
+
+       // Set to 85% since some dropdowns are opened as children of Status dialogs.
+       // Keeping a small gap at the top lets users tap to return to the underlying dialog
+       // instead of closing the entire flow.
+       readonly property real bottomSheetHeightRatio: 0.85
     }
 
     Binding {
@@ -108,7 +121,7 @@ QC.Popup {
             x: 0
             y: d.windowHeight - height
             width: d.windowWidth
-            height: Math.min(implicitHeight, d.windowHeight * 0.9)
+            height: root.fillHeightOnBottomSheet ? d.windowHeight * d.bottomSheetHeightRatio : Math.min(implicitHeight, d.windowHeight * d.bottomSheetHeightRatio)
             bottomPadding: !!d.window ? d.window.SafeArea.margins.bottom: 0
             margins: 0
         }

ui/StatusQ/src/StatusQ/Popups/Dialog/StatusDialog.qml

@@ -45,12 +45,22 @@ Dialog {
     readonly property real desiredY: root.bottomSheet ? d.windowHeight - root.height
                                                       : (root.Overlay.overlay.height - root.height) / 2
 
+    /*!
+       \qmlproperty bool fillHeightOnBottomSheet
+        This property decides the height of the dialog when `bottomSheet` is active:
+          * If active: it fills the 90% of the screen viewport.
+          * If not active: the height is the minimum value between the implicitHeight and the 90% of the screen viewport.
+    */
+    property bool fillHeightOnBottomSheet: false
+
     QtObject {
         id: d
 
         // NB: needs to be delayed for the `contentItem` to be not null
         property int windowWidth
         property int windowHeight
+
+        readonly property real bottomSheetHeightRatio: 0.90
     }
 
     onAboutToShow: {
@@ -107,7 +117,8 @@ Dialog {
     }
     Binding on height {
         when: root.bottomSheet && !enterTransition.running
-        value: Math.min(root.implicitHeight, d.windowHeight * 0.9)
+        value: root.fillHeightOnBottomSheet ? d.windowHeight * d.bottomSheetHeightRatio : Math.min(implicitHeight, d.windowHeight * d.bottomSheetHeightRatio)
+
     }
     Binding on y {
         when: root.bottomSheet && !enterTransition.running

ui/app/AppLayouts/Communities/popups/InDropdown.qml

@@ -20,6 +20,7 @@ StatusDropdown {
 
     width: 289
     padding: 8
+    fillHeightOnBottomSheet: true
 
     // force keeping within the bounds of the enclosing window
     margins: 0
@@ -227,7 +228,7 @@ StatusDropdown {
             Layout.fillWidth: true
             Layout.minimumHeight: Math.min(d.maxHeightCountNo * d.itemStandardHeight,
                                            contentHeight)
-            Layout.maximumHeight: Layout.minimumHeight
+            Layout.fillHeight: true
             Layout.bottomMargin: d.defaultVMargin
             Layout.topMargin: !root.allowChoosingEntireCommunity
                               && !root.allowChoosingEntireCommunity ? d.defaultVMargin : 0
@@ -338,5 +339,6 @@ StatusDropdown {
                 root.channelsSelected(Array.from(d.selectedChannels.values()))
             }
         }
-    }
+
+   }
 }

ui/app/AppLayouts/Communities/popups/MembersDropdown.qml

@@ -59,6 +59,7 @@ StatusDropdown {
     signal addButtonClicked
 
     width: 295
+    fillHeightOnBottomSheet: true
 
     padding: 11
     bottomPadding: padding + bottomInset
@@ -262,5 +263,10 @@ StatusDropdown {
 
             onClicked: root.addButtonClicked()
         }
+
+        // Just a filler
+        Item {
+            Layout.fillHeight: true
+        }
     }
 }

ui/app/AppLayouts/Wallet/controls/AssetSelector.qml

@@ -60,6 +60,7 @@ Control {
 
         width: 448
         height: Math.min(implicitHeight, d.windowHeight - button.mapToItem(null, 0, button.height).y - d.bottomPadding)
+        fillHeightOnBottomSheet: true
 
         closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
         padding: 0

ui/app/AppLayouts/Wallet/controls/AssetSelectorCompact.qml

@@ -46,6 +46,7 @@ Control {
         directParent: root
         relativeY: root.height + 4
         width: root.width
+        fillHeightOnBottomSheet: true
 
         padding: 0
 

ui/app/AppLayouts/Wallet/controls/TokenSelector.qml

@@ -73,6 +73,7 @@ Control {
         directParent: root
         relativeY: parent.height + 4
         width: 448
+        fillHeightOnBottomSheet: true
 
         horizontalPadding: 0
         bottomPadding: Theme.halfPadding / 2

ui/app/AppLayouts/Wallet/popups/AddEditSavedAddressPopup.qml

@@ -35,6 +35,7 @@ StatusModal {
     closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
 
     width: 477
+    fillHeightOnBottomSheet: true
 
     headerSettings.title: d.editMode? qsTr("Edit saved address") : qsTr("Add new saved address")
     headerSettings.subTitle: d.editMode? d.name : ""

ui/app/AppLayouts/Wallet/popups/simpleSend/SimpleSendModal.qml

@@ -473,6 +473,7 @@ StatusDialog {
     padding: 0
     horizontalPadding: Theme.xlPadding
     topMargin: margins + accountSelector.height + Theme.padding
+    fillHeightOnBottomSheet: true
 
     Behavior on height {
         id: modalHeightBehavior