diff --git a/cypress/e2e/resource_spec/filter.cy.ts b/cypress/e2e/resource_spec/filter.cy.ts index f0aab214701..dfb19605ed2 100644 --- a/cypress/e2e/resource_spec/filter.cy.ts +++ b/cypress/e2e/resource_spec/filter.cy.ts @@ -68,7 +68,13 @@ describe("Resource filter", () => { cy.intercept(/\/api\/v1\/resource/).as("resource_filter"); cy.contains("Filters").click(); cy.get("input[name='created_date_start']").click(); + cy.get("[data-test-id='slide-over-container']") + .filter(":visible") + .scrollTo(100, 100); cy.get("#date-1").click(); + cy.get("[data-test-id='slide-over-container']") + .filter(":visible") + .scrollTo(100, 100); cy.get("#date-1").click(); cy.get("body").click(0, 0); cy.contains("Apply").click(); @@ -79,8 +85,15 @@ describe("Resource filter", () => { cy.intercept(/\/api\/v1\/resource/).as("resource_filter"); cy.contains("Filters").click(); cy.get("input[name='modified_date_start']").click(); + cy.get("[data-test-id='slide-over-container']") + .filter(":visible") + .scrollTo(100, 100); cy.get("#date-1").click(); + cy.get("[data-test-id='slide-over-container']") + .filter(":visible") + .scrollTo(100, 100); cy.get("#date-1").click(); + cy.get("body").click(0, 0); cy.contains("Apply").click(); cy.wait("@resource_filter"); }); diff --git a/src/CAREUI/interactive/SlideOver.tsx b/src/CAREUI/interactive/SlideOver.tsx index bd38b32137a..78982efc39d 100644 --- a/src/CAREUI/interactive/SlideOver.tsx +++ b/src/CAREUI/interactive/SlideOver.tsx @@ -124,7 +124,12 @@ export default function SlideOver({