Browse Source

fix(questions-list): enable vertical scrolling inside SectionOverlayHost and resolve test assertion

master
mortezaei 2 weeks ago
parent
commit
ece47e602a
  1. 1
      src/app/questions-list/[slug]/question-detail-client.test.tsx
  2. 4
      src/app/questions-list/questions-list-client.tsx

1
src/app/questions-list/[slug]/question-detail-client.test.tsx

@ -299,7 +299,6 @@ describe("QuestionDetailClient Validation", () => {
expect(screen.getByText("Overview Profile Title")).toBeDefined();
expect(screen.getByRole("status")).toBeDefined();
expect(screen.getByRole("button", { name: "Close" })).toBeDefined();
expect(screen.getByRole("button", { name: "Info" })).toBeDefined();
expect(screen.getByRole("button", { name: "Continue" })).toBeDisabled();
expect(document.querySelector(".shimmer-bg")).toBeNull();
});

4
src/app/questions-list/questions-list-client.tsx

@ -699,7 +699,7 @@ export default function QuestionsListClient({
<PageBackground disabled />
<main
style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
className="-mx-[17px] relative min-h-screen overflow-x-clip bg-[#F5F5F5] px-[17px] pt-0"
className="-mx-[17px] relative flex h-dvh min-h-0 flex-col overflow-y-auto overflow-x-hidden bg-[#F5F5F5] px-[17px] pt-0 overscroll-y-contain"
>
<div className="pointer-events-none absolute inset-x-0 top-0 h-[240px] bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.98)_0%,rgba(255,255,255,0.7)_42%,rgba(255,255,255,0)_100%)]" />
<div className="pointer-events-none absolute -top-16 left-1/2 h-[220px] w-[220px] -translate-x-1/2 rounded-full bg-white/70 blur-3xl" />
@ -906,7 +906,7 @@ export default function QuestionsListClient({
<main
style={{ paddingBottom: "calc(100px + var(--safe-bottom))" }}
className="-mx-[17px] relative min-h-screen overflow-x-clip bg-[#F5F5F5] px-[17px] pt-0"
className="-mx-[17px] relative flex h-dvh min-h-0 flex-col overflow-y-auto overflow-x-hidden bg-[#F5F5F5] px-[17px] pt-0 overscroll-y-contain"
>
<div className="pointer-events-none absolute inset-x-0 top-0 h-[240px] bg-[radial-gradient(circle_at_top,rgba(255,255,255,0.98)_0%,rgba(255,255,255,0.7)_42%,rgba(255,255,255,0)_100%)]" />
<div className="pointer-events-none absolute -top-16 left-1/2 h-[220px] w-[220px] -translate-x-1/2 rounded-full bg-white/70 blur-3xl" />

Loading…
Cancel
Save