this repo has no description
fix: fix review modal
Use createPortal to render the review modal at document.body, escaping
any parent stacking contexts that were clipping or obscuring it.
Co-authored-by: pdewey.com <pdewey.com>
Made-with: Cursor
+4
-2
+4
-2
islands/ProfileReviewComposer.tsx
+4
-2
islands/ProfileReviewComposer.tsx
···
1
1
import { useSignal } from "@preact/signals";
2
+
import { createPortal } from "preact/compat";
2
3
import type { ReviewRow } from "../lib/reviews.ts";
3
4
4
5
interface Props {
···
124
125
)}
125
126
</div>
126
127
127
-
{open.value && signedIn && !isOwner && (
128
+
{open.value && signedIn && !isOwner && createPortal(
128
129
<div
129
130
class="modal-backdrop"
130
131
onClick={(e) => {
···
209
210
</p>
210
211
)}
211
212
</div>
212
-
</div>
213
+
</div>,
214
+
document.body,
213
215
)}
214
216
</>
215
217
);