diff --git a/studio-frontend/src/app/inspector.element.ts b/studio-frontend/src/app/inspector.element.ts
index 6f33c7b..225e667 100644
--- a/studio-frontend/src/app/inspector.element.ts
+++ b/studio-frontend/src/app/inspector.element.ts
@@ -72,7 +72,7 @@ export class AppElement extends LitElement {
}
-
+
`
//convert string vdom to json object
diff --git a/studio/src/ui/inspector.rs b/studio/src/ui/inspector.rs
index 8c60be8..e8b8280 100644
--- a/studio/src/ui/inspector.rs
+++ b/studio/src/ui/inspector.rs
@@ -63,8 +63,16 @@ fn show_selected(
}
unsafe {
let cell = world.as_unsafe_world_cell();
+ let mut virtial_dom = cell.get_resource_mut::().unwrap();
let Some(selection) = cell.get_resource::() else {
+
+
+
+ let muts = virtial_dom.render(None);
+ let q_window = cell.world_mut().query_filtered::<&Window, With>().single(cell.world());
+ let _ = notify_dom_changed(q_window, serde_json::to_string(&muts).unwrap());
+
return;
};
@@ -72,7 +80,6 @@ fn show_selected(
let mut functions = cell.get_resource_mut::().unwrap();
- let mut virtial_dom = cell.get_resource_mut::().unwrap();
let app_type_registry = cell.get_resource::().unwrap();
let e = cell.get_entity(selected_entity).unwrap();
@@ -94,7 +101,8 @@ fn show_selected(
let element = Element::Component(super::utils::Component {
tag: "div".to_string(),
attributes: vec![
- ("style".to_string(), "display: flex; flex-direction: column; height: 100%; overflow: auto;".to_string())
+ ("style".to_string(), "display: flex; flex-direction: column; height: 100%; overflow: auto;".to_string()),
+ ("class".to_string(), "inspector".to_string())
],
children: inspected.components.into_iter().map(|c| {
show_reflect(