From a39f0ef5c8bf967e871ab24968f02241446987cd Mon Sep 17 00:00:00 2001
From: Charles-Antoine Giroux <charlesantoine.girou@bell.ca>
Date: Thu, 11 Jun 2026 10:22:42 -0400
Subject: [PATCH 1/3] initial repro

---
 package.json         |  4 ++--
 src/index.tsx        |  2 +-
 src/pages/Portal.tsx | 38 ++++++++++++++++++--------------------
 3 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index bc1b17d5..4a4e90c3 100644
--- a/package.json
+++ b/package.json
@@ -29,8 +29,8 @@
   "dependencies": {
     "@capacitor/core": "^8.2.0",
     "@firebolt-js/sdk": "^1.7.0",
-    "@solidtv/renderer": "1.2.6",
-    "@solidtv/solid": "1.3.0-0",
+    "@solidtv/renderer": "1.5.2",
+    "@solidtv/solid": "link:@solidtv/solid",
     "@solid-primitives/list": "^0.1.2",
     "@solid-primitives/scheduled": "^1.5.2",
     "@solidjs/router": "^0.16.1",
diff --git a/src/index.tsx b/src/index.tsx
index 3bc1dde2..e9c1b6d8 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -104,7 +104,7 @@ Config.fontSettings.color = theme.textPrimary;
 Config.fontSettings.fontSize = 32;
 Config.domRendererEnabled = false;
 Config.focusHistoryDebug = 5;
-// Config.focusDebug = true;
+Config.focusDebug = true;
 
 Config.rendererOptions = {
   fpsUpdateInterval: logFps ? 300 : 0,
diff --git a/src/pages/Portal.tsx b/src/pages/Portal.tsx
index 7e953329..fbb94519 100644
--- a/src/pages/Portal.tsx
+++ b/src/pages/Portal.tsx
@@ -207,8 +207,9 @@ const Portal = (props) => {
 
   function DemoTile(props) {
     const Container = {
-      width: 370,
-      height: 320,
+      display: "flex",
+      flexDirection: "row",
+      height: 200,
       borderRadius: 6,
       color: "#182b44",
       transition: { color: true },
@@ -220,24 +221,21 @@ const Portal = (props) => {
 
     return (
       <view {...props} onFocusChanged={setHasFocus} style={Container}>
-        <view x={30}>
-          <text y={30} fontSize={84} color={hasFocus() ? 0x000000ff : 0xffffffff}>
-            {props.index}
-          </text>
-          <text
-            y={140}
-            fontSize={42}
-            width={340}
-            maxHeight={42}
-            contain="both"
-            color={hasFocus() ? 0x000000ff : 0xffffffff}
-          >
-            {props.title}
-          </text>
-          <text y={200} fontSize={28} width={330} contain="width" color={hasFocus() ? 0x000000ff : 0xffffffff}>
-            {props.description}
-          </text>
-        </view>
+        <text fontSize={84} color={hasFocus() ? 0x000000ff : 0xffffffff}>
+          {props.index}
+        </text>
+        <text
+          fontSize={42}
+          width={340}
+          maxHeight={42}
+          contain="both"
+          color={hasFocus() ? 0x000000ff : 0xffffffff}
+        >
+          {props.title}
+        </text>
+        <text fontSize={28} width={330} contain="width" color={hasFocus() ? 0x000000ff : 0xffffffff}>
+          {props.description}
+        </text>
       </view>
     );
   }

From 05f02948cd054d700c08d90b2dadac2c780b91ad Mon Sep 17 00:00:00 2001
From: Charles-Antoine Giroux <charlesantoine.girou@bell.ca>
Date: Wed, 17 Jun 2026 14:35:07 -0400
Subject: [PATCH 2/3] cleanup

---
 src/pages/Portal.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/pages/Portal.tsx b/src/pages/Portal.tsx
index fbb94519..3484329d 100644
--- a/src/pages/Portal.tsx
+++ b/src/pages/Portal.tsx
@@ -224,13 +224,10 @@ const Portal = (props) => {
         <text fontSize={84} color={hasFocus() ? 0x000000ff : 0xffffffff}>
           {props.index}
         </text>
-        <text
-          fontSize={42}
-          width={340}
-          maxHeight={42}
-          contain="both"
-          color={hasFocus() ? 0x000000ff : 0xffffffff}
-        >
+        <text fontSize={84} color={hasFocus() ? 0x000000ff : 0xffffffff}>
+          {props.index}
+        </text>
+        <text fontSize={42} width={340} maxHeight={42} color={hasFocus() ? 0x000000ff : 0xffffffff}>
           {props.title}
         </text>
         <text fontSize={28} width={330} contain="width" color={hasFocus() ? 0x000000ff : 0xffffffff}>

From 0d952a309b129c5333bd55e0532ef57f3fd23ff8 Mon Sep 17 00:00:00 2001
From: Charles-Antoine Giroux <charlesantoine.girou@bell.ca>
Date: Wed, 17 Jun 2026 14:37:49 -0400
Subject: [PATCH 3/3] revert package.json changes

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4a4e90c3..76ce4ec0 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@capacitor/core": "^8.2.0",
     "@firebolt-js/sdk": "^1.7.0",
     "@solidtv/renderer": "1.5.2",
-    "@solidtv/solid": "link:@solidtv/solid",
+    "@solidtv/solid": "1.3.0-0",
     "@solid-primitives/list": "^0.1.2",
     "@solid-primitives/scheduled": "^1.5.2",
     "@solidjs/router": "^0.16.1",