release: v0.3.1 — Builder post lightbox fix

docs/RELEASE_NOTES_v0.3.1.md

@@ -0,0 +1,15 @@
+Q‑Blog v0.3.1 — Image Preview Fix
+
+Summary
+
+- Builder posts: Clicking an image now opens the full‑window lightbox, matching minimal posts.
+- UX: Press Escape or click the dark backdrop to close the preview.
+
+Technical Notes
+
+- Added robust click handling for images inside builder/grid layouts and hardened modal open/close to prevent accidental immediate dismissal.
+- No breaking changes; no API changes.
+
+Upgrade Notes
+
+- No action required. Existing posts automatically benefit from the fix.

docs/USER_ANNOUNCEMENT_v0.3.1.md

@@ -0,0 +1,2 @@
+Q‑Blog v0.3.1: Image previews now work for builder posts — click any post image to view full‑screen.
+qortal://app/qblog

package.json

@@ -1,7 +1,7 @@
 {
   "name": "q-blog",
   "private": true,
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/common/ImageLightbox.tsx

@@ -12,7 +12,10 @@ const ImageLightbox: React.FC<ImageLightboxProps> = ({ src, alt, open, onClose }
   return (
     <Modal
       open={open}
-      onClose={onClose}
+      // Ignore backdrop clicks from MUI to avoid immediate close when opening
+      onClose={(event, reason) => {
+        if (reason === 'escapeKeyDown') onClose();
+      }}
       aria-labelledby="image-lightbox-title"
       aria-describedby="image-lightbox-description"
     >