fix: Modal nightly (#119)

This commit is contained in:
luoxiaozero 2024-02-25 01:15:18 +08:00 committed by GitHub
parent 9216e5e2d2
commit 4779eb2d24
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 37 additions and 4 deletions

View file

@ -75,3 +75,27 @@ jobs:
run: |
cd ./examples/ssr_axum
cargo leptos build --release
nightly-cargo-leptos:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Setup Rust
uses: actions-rs/toolchain@v1
with:
toolchain: nightly
target: wasm32-unknown-unknown
override: true
- name: Install Trunk
uses: jetli/trunk-action@v0.4.0
with:
version: "latest"
- name: Install Cargo BInstall
uses: cargo-bins/cargo-binstall@main
- name: Install Cargo Leptos
run: cargo binstall cargo-leptos -y
- name: Build
run: |
cd ./examples/ssr_axum
cargo leptos build --release --features nightly

View file

@ -44,13 +44,21 @@ view! {
let value = create_rw_signal(String::from("o"));
let input_ref = create_component_ref::<InputRef>();
let focus = Callback::new(move |_| {
input_ref.get_untracked().unwrap().focus()
});
let blur = Callback::new(move |_| {
input_ref.get_untracked().unwrap().blur()
});
view! {
<Space vertical=true>
<Space>
<Button on_click=move |_| input_ref.get_untracked().unwrap().focus()>
<Button on_click=focus>
"Focus"
</Button>
<Button on_click=move |_| input_ref.get_untracked().unwrap().blur()>
<Button on_click=blur>
"Blur"
</Button>
</Space>

View file

@ -45,6 +45,7 @@ ssr = [
"dep:tracing",
"demo/ssr",
]
nightly = ["demo/nightly"]
# Defines a size-optimized profile for the WASM bundle in release mode
[profile.wasm-release]

View file

@ -33,7 +33,7 @@ pub fn Modal(
let modal_ref = NodeRef::<html::Div>::new();
let click_position = use_click_position();
let on_enter = move |_| {
let on_enter = Callback::new(move |_| {
let Some(position) = click_position.get_untracked() else {
return;
};
@ -51,7 +51,7 @@ pub fn Modal(
let y = -(modal_el.offset_top() - position.1 - scroll_top);
let _ = modal_el.attr("style", format!("transform-origin: {}px {}px", x, y));
};
});
view! {
<Teleport>