dioxus-web 0.7.6

Web-sys renderer for Dioxus: Build fullstack web, desktop, and mobile apps with a single codebase.
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

use dioxus_html::HasScrollData;
use wasm_bindgen::JsCast;
use web_sys::{Document, Element, Event};

use super::{Synthetic, WebEventExt};

impl HasScrollData for Synthetic<Event> {
    fn as_any(&self) -> &dyn std::any::Any {
        &self.event
    }

    fn scroll_top(&self) -> f64 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.scroll_top() as f64;
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.scroll_top() as f64;
            }
        }
        0f64
    }

    fn scroll_left(&self) -> f64 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.scroll_left() as f64;
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.scroll_left() as f64;
            }
        }
        0f64
    }

    fn scroll_width(&self) -> i32 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.scroll_width();
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.scroll_width();
            }
        }
        0
    }

    fn scroll_height(&self) -> i32 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.scroll_height();
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.scroll_height();
            }
        }
        0
    }

    fn client_width(&self) -> i32 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.client_width();
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.client_width();
            }
        }
        0
    }

    fn client_height(&self) -> i32 {
        if let Some(target) = self.event.target().as_ref() {
            if let Some(element) = target.dyn_ref::<Element>() {
                return element.client_height();
            } else if let Some(element) = target
                .dyn_ref::<Document>()
                .and_then(|document| document.document_element())
            {
                return element.client_height();
            }
        }
        0
    }
}

impl WebEventExt for dioxus_html::ScrollData {
    type WebEvent = web_sys::Event;

    #[inline(always)]
    fn try_as_web_event(&self) -> Option<Self::WebEvent> {
        self.downcast::<web_sys::Event>().cloned()
    }
}