@lightningjs/blits 1.35.1 → 1.35.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## v1.35.2
+
+_25 Jul 2025_
+
+- Fixed issue with focus getting lost when destroying a focused component
+- Fixed issue with refocusing a component that's already in the focus chain (i.e. `this.parent.$focus()`)
+
 ## v1.35.1
 
 _24 Jul 2025_

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightningjs/blits",
-  "version": "1.35.1",
+  "version": "1.35.2",
   "description": "Blits: The Lightning 3 App Development Framework",
   "bin": "bin/index.js",
   "exports": {

package/src/component/base/methods.js

@@ -40,6 +40,10 @@ export default {
      * @this {import('../../component').BlitsComponent}
      */
     value: function (e) {
+      // force refocus when the component is already in focused state
+      if (this.lifecycle.state === 'focus') {
+        this.lifecycle.state = 'refocus'
+      }
       Focus.set(this, e)
     },
     writable: false,
@@ -66,6 +70,10 @@ export default {
       this.eol = true
       this.lifecycle.state = 'destroy'
 
+      // when destroying a component that currently has focus
+      // pass focus to the parent so we don't get lost in focus limbo
+      if (this.hasFocus === true) this.parent.$focus()
+
       for (let key in this[symbols.state]) {
         if (Array.isArray(this[symbols.state][key])) {
           this[symbols.state][key] = []

package/src/component.js

@@ -111,6 +111,7 @@ const required = (name) => {
  *
  * @typedef {object} BlitsComponent
  * Main properties of the Blits component:
+ * @property {boolean?} eol - Indicates when a component is End of Life
  * @property {string} componentId - The unique identifier for the component instance
  * @property {BlitsLifecycle} lifecycle - The lifecycle object for the component instance
  * @property {BlitsComponent} parent - The parent component of the current component instance

package/src/lib/lifecycle.js

@@ -70,14 +70,15 @@ export default {
    * @param {string} v - The new lifecycle state.
    */
   set state(v) {
-    if (states.indexOf(v) > -1 && v !== this.current) {
+    if ((states.indexOf(v) > -1 && v !== this.current) || v === 'refocus') {
       Log.debug(
         `Setting lifecycle state from ${this.current} to ${v} for ${this.component.componentId}`
       )
       this.previous = this.current
       this.current = v
-      if (this.current === 'focus') this.component[symbols.state].hasFocus = true
-      if (this.current === 'unfocus') this.component[symbols.state].hasFocus = false
+      if (v === 'refocus') return
+      if (v === 'focus') this.component[symbols.state].hasFocus = true
+      if (v === 'unfocus') this.component[symbols.state].hasFocus = false
       // emit 'private' hook
       privateEmit(v, this.component[symbols.identifier], this.component)
       // emit 'public' hook