Merge pull request #782 from AnswerDotAI/fix/762-broken-toasts

fix broken toasts

Author: jph00

fasthtml/toaster.py

@@ -51,7 +51,7 @@ def add_toast(sess, message: str, typ: str = "info", dismiss: bool = False):
 
 def render_toasts(sess):
     toasts = [Toast(msg, typ, dismiss, sess['toast_duration']) for msg, typ, dismiss in sess.pop(sk, [])]
-    return Div(*toasts, hx_swap_oob=f'beforeend:#{tcid}')
+    return Div(*toasts, id=tcid, hx_swap_oob=f'beforeend:#{tcid}')
 
 def toast_after(resp, req, sess):
     if sk in sess and (not resp or isinstance(resp, (tuple,FT,FtResponse))):

nbs/api/00_core.ipynb

@@ -131,7 +131,7 @@
     {
      "data": {
       "text/plain": [
-       "datetime.datetime(2025, 9, 11, 14, 0)"
+       "datetime.datetime(2025, 9, 17, 14, 0)"
       ]
      },
      "execution_count": null,
@@ -2879,13 +2879,13 @@
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "Set to 2025-09-11 16:36:20.106162\n"
+      "Set to 2025-09-17 09:13:49.740165\n"
      ]
     },
     {
      "data": {
       "text/plain": [
-       "'Session time: 2025-09-11 16:36:20.106162'"
+       "'Session time: 2025-09-17 09:13:49.740165'"
       ]
      },
      "execution_count": null,
@@ -3109,10 +3109,29 @@
     "    add_toast(sess, tm, \"success\")\n",
     "    return P(\"I hate toast!\")\n",
     "\n",
-    "r = cli.get('/')\n",
-    "assert tm in r.text\n",
     "r = cli.get('/no-toast')\n",
-    "assert not tm in r.text"
+    "assert not tm in r.text\n",
+    "\n",
+    "r = cli.get('/')\n",
+    "assert tm in r.text"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "bd0e4c06",
+   "metadata": {},
+   "source": [
+    "Here's a quick sanity check to confirm that toasts are rendered in the toast container correctly. See [issue](https://github.com/AnswerDotAI/fasthtml/issues/762)."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "e2417e5f",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "assert 'id=\"fh-toast-container\"' in r.text"
    ]
   },
   {