diff --git a/packages/loopover-ui-kit/src/components/pagination.test.tsx b/packages/loopover-ui-kit/src/components/pagination.test.tsx
index 85df67325..4ee7899fb 100644
--- a/packages/loopover-ui-kit/src/components/pagination.test.tsx
+++ b/packages/loopover-ui-kit/src/components/pagination.test.tsx
@@ -2,6 +2,7 @@ import { render, screen } from "@testing-library/react";
import { describe, expect, it } from "vitest";
import {
+ PaginationEllipsis,
PaginationLink,
PaginationNext,
PaginationPrevious,
@@ -47,3 +48,30 @@ describe("PaginationLink aria-disabled styling (#8307)", () => {
expect(link.getAttribute("aria-current")).toBe("page");
});
});
+
+// #10052: aria-hidden on the outer wrapper removed the sr-only "More pages" label from the a11y tree.
+// Scope aria-hidden to the decorative icon only — same pattern as TypingIndicator.
+describe("PaginationEllipsis sr-only label not inside aria-hidden (#10052)", () => {
+ it("exposes \"More pages\" with no aria-hidden ancestor; icon is aria-hidden", () => {
+ const { container } = render();
+ const label = screen.getByText("More pages");
+ expect(label.closest("[aria-hidden='true'], [aria-hidden='']")).toBeNull();
+ const icon = container.querySelector("svg");
+ expect(icon).not.toBeNull();
+ expect(icon!.getAttribute("aria-hidden")).toBe("true");
+ });
+
+ it("merges caller className through cn (mx-2 + h-9)", () => {
+ const { container } = render();
+ const outer = container.firstElementChild as HTMLElement;
+ expect(outer.tagName).toBe("SPAN");
+ expect(outer.className).toContain("mx-2");
+ expect(outer.className).toContain("h-9");
+ });
+
+ it("lets an explicit aria-hidden prop win on the outer span", () => {
+ const { container } = render();
+ const outer = container.firstElementChild as HTMLElement;
+ expect(outer.getAttribute("aria-hidden")).toBe("true");
+ });
+});
diff --git a/packages/loopover-ui-kit/src/components/pagination.tsx b/packages/loopover-ui-kit/src/components/pagination.tsx
index 4255db33a..dfbb3652e 100644
--- a/packages/loopover-ui-kit/src/components/pagination.tsx
+++ b/packages/loopover-ui-kit/src/components/pagination.tsx
@@ -99,11 +99,10 @@ const PaginationEllipsis = ({
...props
}: React.ComponentProps<"span">) => (
-
+
More pages
);