adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-03-13 05:59:49 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: input component focus

Browse source
This commit is contained in:
luoxiao 2024-01-21 15:30:28 +08:00 • committed by luoxiaozero
parent 8c4c5027ee
commit 63669c160c
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
thaw/src/input/mod.rs
View file

@ -129,6 +129,19 @@ pub fn Input(
comp_ref.load(InputRef { input_ref }); comp_ref.load(InputRef { input_ref });
}); });
let on_mousedown = move |event: ev::MouseEvent| {
let el: web_sys::HtmlElement = event_target(&event);
if el.tag_name() != "INPUT" {
event.prevent_default();
if !is_focus.get_untracked() {
if let Some(comp_ref) = comp_ref.get_untracked() {
comp_ref.focus();
}
}
}
};
#[cfg(debug_assertions)] #[cfg(debug_assertions)]
{ {
const INNER_ATTRS: [&'static str; 4] = ["type", "class", "disabled", "placeholder"]; const INNER_ATTRS: [&'static str; 4] = ["type", "class", "disabled", "placeholder"];
@ -151,6 +164,7 @@ pub fn Input(
] ]
style=move || css_vars.get() style=move || css_vars.get()
on:mousedown=on_mousedown
> >
{if let Some(prefix) = input_prefix.and_then(|prefix| prefix.if_.then_some(prefix)) { {if let Some(prefix) = input_prefix.and_then(|prefix| prefix.if_.then_some(prefix)) {
view! { <div class="thaw-input__prefix">{(prefix.children)()}</div> }.into() view! { <div class="thaw-input__prefix">{(prefix.children)()}</div> }.into()