Another fix wave:

Added Input focussystem
Added Input focusedBackground and focusedForeground
VisualElement renamed from MouseUp to ClickUp (onClickUp)
Fixed Frame draggable Bug (not sending events to children on mouse y 1)

src/elements/Frame.lua

@@ -15,6 +15,7 @@ Frame.defineProperty(Frame, "draggable", {default = false, type = "boolean", set
         self:listenEvent("mouse_up", true)
         self:listenEvent("mouse_drag", true)
     end
+    return value
 end})
 ---@property draggingMap table {} The map of dragging positions
 Frame.defineProperty(Frame, "draggingMap", {default = {{x=1, y=1, width="width", height=1}}, type = "table"})
@@ -50,7 +51,8 @@ end
 --- @return boolean handled Whether the event was handled
 --- @protected
 function Frame:mouse_click(button, x, y)
-    if(VisualElement.mouse_click(self, button, x, y)) then
+    if VisualElement.mouse_click(self, button, x, y) then
+        if self.get("draggable") then
             local relX, relY = self:getRelativePosition(x, y)
             local draggingMap = self.get("draggingMap")
 
@@ -78,8 +80,10 @@ function Frame:mouse_click(button, x, y)
                     return true
                 end
             end
+        end
         return Container.mouse_click(self, button, x, y)
     end
+    return false
 end
 
 --- @shortDescription Handles mouse release events

src/elements/Input.lua

@@ -20,8 +20,10 @@ Input.defineProperty(Input, "maxLength", {default = nil, type = "number"})
 Input.defineProperty(Input, "placeholder", {default = "...", type = "string"})
 ---@property placeholderColor color gray Color of the placeholder text
 Input.defineProperty(Input, "placeholderColor", {default = colors.gray, type = "number"})
----@property focusedColor color blue Background color when input is focused
+---@property focusedBackground color blue Background color when input is focused
-Input.defineProperty(Input, "focusedColor", {default = colors.blue, type = "number"})
+Input.defineProperty(Input, "focusedBackground", {default = colors.blue, type = "number"})
+---@property focusedForeground color white Foreground color when input is focused
+Input.defineProperty(Input, "focusedForeground", {default = colors.white, type = "number"})
 ---@property pattern string? nil Regular expression pattern for input validation
 Input.defineProperty(Input, "pattern", {default = nil, type = "string"})
 ---@property cursorColor number nil Color of the cursor
@@ -164,6 +166,18 @@ function Input:updateViewport()
     return self
 end
 
+function Input:focus()
+    VisualElement.focus(self)
+    self:setCursor(self.get("cursorPos") - self.get("viewOffset"), 1, true, self.get("cursorColor") or self.get("foreground"))
+    self:updateRender()
+end
+
+function Input:blur()
+    VisualElement.blur(self)
+    self:setCursor(1, 1, false, self.get("cursorColor") or self.get("foreground"))
+    self:updateRender()
+end
+
 --- @shortDescription Renders the input element
 --- @protected
 function Input:render()
@@ -171,10 +185,11 @@ function Input:render()
     local viewOffset = self.get("viewOffset")
     local width = self.get("width")
     local placeholder = self.get("placeholder")
-    local focusedColor = self.get("focusedColor")
+    local focusedBg = self.get("focusedBackground")
+    local focusedFg = self.get("focusedForeground")
     local focused = self.get("focused")
     local width, height = self.get("width"), self.get("height")
-    self:multiBlit(1, 1, width, height, " ", tHex[self.get("foreground")], tHex[focused and focusedColor or self.get("background")])
+    self:multiBlit(1, 1, width, height, " ", tHex[focused and focusedFg or self.get("foreground")], tHex[focused and focusedBg or self.get("background")])
 
     if #text == 0 and #placeholder ~= 0 and self.get("focused") == false then
         self:textFg(1, 1, placeholder:sub(1, width), self.get("placeholderColor"))

src/elements/VisualElement.lua

@@ -95,7 +95,7 @@ VisualElement.defineEvent(VisualElement, "focus")
 VisualElement.defineEvent(VisualElement, "blur")
 
 VisualElement.registerEventCallback(VisualElement, "Click", "mouse_click", "mouse_up")
-VisualElement.registerEventCallback(VisualElement, "MouseUp", "mouse_up", "mouse_click")
+VisualElement.registerEventCallback(VisualElement, "ClickUp", "mouse_up", "mouse_click")
 VisualElement.registerEventCallback(VisualElement, "Drag", "mouse_drag", "mouse_click", "mouse_up")
 VisualElement.registerEventCallback(VisualElement, "Scroll", "mouse_scroll")
 VisualElement.registerEventCallback(VisualElement, "Enter", "mouse_enter", "mouse_move")