floating-ui-dom 0.6.0

Rust port of Floating UI. Floating UI for the web.
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
46
47
48
49
50
51
52

use floating_ui_utils::{
    Dimensions,
    dom::{get_computed_style, is_html_element},
};
use web_sys::{Element, HtmlElement, wasm_bindgen::JsCast};

#[derive(Clone, Debug)]
pub struct CssDimensions {
    pub dimensions: Dimensions,
    pub should_fallback: bool,
}

pub fn get_css_dimensions(element: &Element) -> CssDimensions {
    let css = get_computed_style(element);

    let width = css
        .get_property_value("width")
        .expect("Computed style should have width.")
        .replace("px", "")
        .parse::<f64>()
        .unwrap_or(0.0);
    let height = css
        .get_property_value("height")
        .expect("Computed style should have height.")
        .replace("px", "")
        .parse::<f64>()
        .unwrap_or(0.0);

    let offset_width;
    let offset_height;
    if is_html_element(element) {
        let element = element.unchecked_ref::<HtmlElement>();
        offset_width = element.offset_width() as f64;
        offset_height = element.offset_height() as f64;
    } else {
        offset_width = width;
        offset_height = height;
    }
    let should_fallback = width.round() != offset_width || height.round() != offset_height;

    CssDimensions {
        dimensions: if should_fallback {
            Dimensions {
                width: offset_width,
                height: offset_height,
            }
        } else {
            Dimensions { width, height }
        },
        should_fallback,
    }
}