Added ghost elements to avoid focusing on them

src/demos/mod.rs

@@ -51,10 +51,19 @@ pub fn app(screen: Arc<Screen>) -> Rsx {
                 %count
                 "This will increment every second: {count}"
 
+                FlexRow
+                {
+                    "Username"
                     @Transform::new().padding(1, 1).dimensions(40, 1);
                     @Style { foreground: Some(0xffffff), background: Background::RoundedOutline(0xff0000) };
+                    @Focused;
                     Input { }
+                }
 
+                @Transform::new().margin(0, 1);
+                FlexRow
+                {
+                    "Password"
                     @Transform::new().padding(1, 1).dimensions(40, 1);
                     @Style { foreground: Some(0xffffff), background: Background::RoundedOutline(0xffff00) };
                     Input { }
@@ -62,3 +71,4 @@ pub fn app(screen: Arc<Screen>) -> Rsx {
             }
         }
     }
+}

src/elements/div.rs

@@ -57,6 +57,10 @@ impl Element for Div {
         element.inject(|w| w.component(NoRenderRoot));
     }
 
+    fn is_ghost(&mut self) -> bool {
+        true
+    }
+
     fn as_any(&self) -> &dyn std::any::Any {
         self
     }

src/elements/flex.rs

@@ -78,6 +78,10 @@ impl Element for FlexRow {
         element.inject(|w| w.component(NoRenderRoot));
     }
 
+    fn is_ghost(&mut self) -> bool {
+        true
+    }
+
     fn as_any(&self) -> &dyn std::any::Any {
         self
     }
@@ -123,6 +127,10 @@ impl Element for FlexCol {
         element.inject(|w| w.component(NoRenderRoot));
     }
 
+    fn is_ghost(&mut self) -> bool {
+        true
+    }
+
     fn as_any(&self) -> &dyn std::any::Any {
         self
     }

src/elements/heading.rs

@@ -57,6 +57,10 @@ impl Element for Heading {
         self.children.push(element.clone());
     }
 
+    fn is_ghost(&mut self) -> bool {
+        true
+    }
+
     fn as_any(&self) -> &dyn std::any::Any {
         self
     }

src/elements/mod.rs

@@ -21,6 +21,10 @@ impl Element for String {
         scope.draw_text(0, 0, self);
     }
 
+    fn is_ghost(&mut self) -> bool {
+        true
+    }
+
     fn as_any(&self) -> &dyn std::any::Any {
         self
     }

src/extensions/focus.rs

@@ -7,6 +7,7 @@ use super::Extension;
 use crossterm::event::{Event as CrosstermEvent, KeyCode, KeyModifiers};
 
 component!(AlwaysFocused);
+component!(Focused);
 
 enum Direction {
     Left,
@@ -21,6 +22,14 @@ pub struct RelativeFocusExtension {
 }
 
 impl Extension for RelativeFocusExtension {
+    fn init(&mut self, _ctx: &super::Context) {
+        for widget in _ctx.get_widgets().iter() {
+            if let Some(Focused) = widget.get() {
+                widget.set_focused(true);
+            }
+        }
+    }
+
     fn event(&mut self, ctx: &super::Context, event: &dyn super::Event) {
         if let Some(e) = event.get::<CrosstermEvent>() {
             match e {
@@ -145,7 +154,7 @@ impl Extension for RelativeFocusExtension {
             if let Some(p) = ctx
                 .get_widgets()
                 .iter()
-                .position(|w| Arc::ptr_eq(w, &widget))
+                .position(|w| Arc::ptr_eq(w, &widget) && !w.is_ghost())
             {
                 rendered.lock().unwrap().push((p, t.x, t.y));
             }

src/widget.rs

@@ -31,11 +31,21 @@ pub type BoxedComponent = Box<dyn Component + Send + Sync>;
 pub trait Element: Send + Sync {
     /// Called to perform rendering for the element.
     #[allow(unused)]
-    fn render(&mut self, scope: &mut RenderScope, render_context: &crate::render_scope::RenderContext) {}
+    fn render(
+        &mut self,
+        scope: &mut RenderScope,
+        render_context: &crate::render_scope::RenderContext,
+    ) {
+    }
 
     /// Called after rendering, for follow-up logic or cleanup.
     #[allow(unused)]
-    fn after_render(&mut self, scope: &mut RenderScope, render_context: &crate::render_scope::RenderContext) {}
+    fn after_render(
+        &mut self,
+        scope: &mut RenderScope,
+        render_context: &crate::render_scope::RenderContext,
+    ) {
+    }
 
     /// Called to draw child widgets, if any.
     #[allow(unused)]
@@ -44,6 +54,10 @@ pub trait Element: Send + Sync {
     #[allow(unused)]
     fn event(&mut self, event: &dyn Event) {}
 
+    fn is_ghost(&mut self) -> bool {
+        false
+    }
+
     /// Returns a type-erased reference to this object.
     fn as_any(&self) -> &dyn Any;
 
@@ -138,10 +152,21 @@ impl Widget {
         }
     }
 
+    pub fn is_ghost(&self) -> bool {
+        match self {
+            Self::Dynamic(w) => w.element.lock().unwrap().is_ghost(),
+            Self::Static(w) => w.element.lock().unwrap().is_ghost(),
+        }
+    }
+
     pub fn set_focused(&self, f: bool) {
         match self {
-            Self::Dynamic(w) => *w.focused.lock().unwrap() = f,
+            Self::Dynamic(w) => {
-            Self::Static(w) => *w.focused.lock().unwrap() = f,
+                *w.focused.lock().unwrap() = f && !w.element.lock().unwrap().is_ghost()
+            }
+            Self::Static(w) => {
+                *w.focused.lock().unwrap() = f && !w.element.lock().unwrap().is_ghost()
+            }
         }
     }