dioxus-nox-core 0.13.0

Core utilities for dioxus-nox — focus trap, scroll lock, and inert management
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

//! Body scroll lock for overlay components.
//!
//! When an overlay is open, the body element's `overflow` should be set to
//! `hidden` to prevent background scrolling. This module provides platform-aware
//! lock/unlock functions.

/// Lock body scrolling by setting `overflow: hidden` on the `<body>` element.
///
/// On non-wasm targets, uses Dioxus `document::eval` to execute the same
/// operation via JavaScript.
pub fn lock_body_scroll() {
    #[cfg(target_arch = "wasm32")]
    {
        if let Some(body) = web_sys::window()
            .and_then(|w| w.document())
            .and_then(|d| d.body())
        {
            let _ = body.style().set_property("overflow", "hidden");
        }
    }
    #[cfg(not(target_arch = "wasm32"))]
    {
        dioxus::prelude::document::eval("document.body.style.overflow = 'hidden'");
    }
}

/// Unlock body scrolling by removing the `overflow` property from `<body>`.
///
/// On non-wasm targets, uses Dioxus `document::eval` to execute the same
/// operation via JavaScript.
pub fn unlock_body_scroll() {
    #[cfg(target_arch = "wasm32")]
    {
        if let Some(body) = web_sys::window()
            .and_then(|w| w.document())
            .and_then(|d| d.body())
        {
            let _ = body.style().remove_property("overflow");
        }
    }
    #[cfg(not(target_arch = "wasm32"))]
    {
        dioxus::prelude::document::eval("document.body.style.overflow = ''");
    }
}