Need basic help with drag & drop

[jeancf]

I am trying to implement some drag and drop functionality in a desktop app but it does not work and I can't figure out why.

Here is my test case:

use dioxus::prelude::*;

fn main() {
    dioxus::launch(app);
}

fn app() -> Element {
    let mut hovered = use_signal(|| false);
    rsx! {
        div {
            width: "200px",
            height: "20px",
            margin: "10px",
            padding: "10px",
            background_color: "blue",
            draggable: "true",
            ondragstart: move |_event| {
                println!("Drag start");
            },
            "Drag me over drop zone"
        }
        
        div {
            width: "210px",
            height: "30px",
            margin: "10px",
            padding: "10px",
            background_color: if hovered() { "purle" } else { "green" },
            ondragover: move |event| {
                println!("ondragover");
                event.prevent_default();
            },
            ondragenter: move |_event| {
                println!("ondragenter");
                hovered.set(true);
            },
            ondragleave: move |_event| {
                println!("ondragleave");
                hovered.set(false);
            },
            ondrop: move |_event| {
                println!("ondrop");
            },
            "Drop zone"
        }
    }
}

Dragging works: the ondragstart event gets caught and I can move the div around the screen, but dropping does not work: none of the events associated with the drop div fire. What am I missing?

I expected this to work similarly to the canonical HTML5 mechanism w3schools.com. I also checked the File upload example but I can't identify any significant difference.

I am on linux with dioxus desktop 0.6.3.

[jeancf]

I found out that this is because a bug (#1504) that has been open since 2023... No drag and drop in Dioxus (on linux) I guess then :-(