[PATCH yew-widget-toolkit 1/1] gridpicker/combobox: allow autoselecting the filter field

[Shannon Sterz <s.sterz@proxmox.com>]

Signed-off-by: Shannon Sterz <s.sterz@proxmox.com>
---
 src/widget/form/combobox.rs | 8 ++++++++
 src/widget/grid_picker.rs   | 6 ++++++
 2 files changed, 14 insertions(+)

diff --git a/src/widget/form/combobox.rs b/src/widget/form/combobox.rs
index db4505f6..efc2365f 100644
--- a/src/widget/form/combobox.rs
+++ b/src/widget/form/combobox.rs
@@ -99,6 +99,11 @@ pub struct Combobox {
     #[prop_or_default]
     #[builder]
     pub trigger: Vec<(Trigger, bool)>,
+
+    /// Whether the filter should be auto-selected when the picker is displayed.
+    #[builder(IntoPropValue, into_prop_value)]
+    #[prop_or_default]
+    pub autoselect_filter: Option<bool>,
 }
 
 impl Default for Combobox {
@@ -295,6 +300,8 @@ impl Component for PwtCombobox {
             .show_filter
             .unwrap_or_else(|| self.store.data_len() > 10);
 
+        let auto_select_filter = ctx.props().autoselect_filter;
+
         let filter = props.filter.clone();
 
         let columns = Rc::clone(&self.columns);
@@ -311,6 +318,7 @@ impl Component for PwtCombobox {
                 .selection(args.selection.clone())
                 .show_filter(show_filter)
                 .filter(filter.clone())
+                .autoselect_filter(auto_select_filter)
                 .on_select(args.controller.on_select_callback());
 
             if show_filter {
diff --git a/src/widget/grid_picker.rs b/src/widget/grid_picker.rs
index 5e8d44d0..304e54a2 100644
--- a/src/widget/grid_picker.rs
+++ b/src/widget/grid_picker.rs
@@ -74,6 +74,11 @@ pub struct GridPicker<S: DataStore> {
     #[builder_cb(IntoTextFilterFn, into_text_filter_fn, S::Record)]
     #[prop_or_default]
     pub filter: Option<TextFilterFn<S::Record>>,
+
+    /// Whether the filter should be auto-selected when the picker is displayed.
+    #[builder(IntoPropValue, into_prop_value)]
+    #[prop_or_default]
+    pub autoselect_filter: Option<bool>,
 }
 
 impl<S: DataStore> GridPicker<S> {
@@ -196,6 +201,7 @@ impl<S: DataStore + 'static> Component for PwtGridPicker<S> {
                 .with_child(html! {<label for="testinput">{"Filter"}</label>})
                 .with_child(
                     Input::new()
+                        .autofocus(ctx.props().autoselect_filter.unwrap_or_default())
                         .attribute("autocomplete", "off")
                         .attribute("size", "1") // make size minimal
                         .class("pwt-input")
-- 
2.47.3