diff --git a/CHANGELOG.md b/CHANGELOG.md index 0bd541848d..fdc87d5839 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ Framer Motion adheres to [Semantic Versioning](http://semver.org/). ### Fixed - Fixing animating to CSS variables with `SVGElement`. [Issue](https://github.com/framer/motion/issues/1334) +- Unsetting `z-index` for resting `Reorder.Item` components. [Issue](https://github.com/framer/motion/issues/1313) ## [5.3.2] 2021-11-23 diff --git a/src/components/Reorder/Item.tsx b/src/components/Reorder/Item.tsx index 5819164aee..5d12b7aa97 100644 --- a/src/components/Reorder/Item.tsx +++ b/src/components/Reorder/Item.tsx @@ -59,7 +59,7 @@ export function ReorderItem( } const zIndex = useTransform([point.x, point.y], ([latestX, latestY]) => - latestX || latestY ? 1 : 0 + latestX || latestY ? 1 : "unset" ) const layout = useRef(null) diff --git a/src/components/Reorder/__tests__/index.test.tsx b/src/components/Reorder/__tests__/index.test.tsx index b4bdb5b797..6315b6b99c 100644 --- a/src/components/Reorder/__tests__/index.test.tsx +++ b/src/components/Reorder/__tests__/index.test.tsx @@ -15,7 +15,7 @@ describe("Reorder", () => { const staticMarkup = renderToStaticMarkup() const string = renderToString() - const expectedMarkup = `
` + const expectedMarkup = `
` expect(staticMarkup).toBe(expectedMarkup) expect(string).toBe(expectedMarkup) @@ -34,7 +34,7 @@ describe("Reorder", () => { const staticMarkup = renderToStaticMarkup() const string = renderToString() - const expectedMarkup = `
` + const expectedMarkup = `
` expect(staticMarkup).toBe(expectedMarkup) expect(string).toBe(expectedMarkup) diff --git a/src/motion/__tests__/ssr.test.tsx b/src/motion/__tests__/ssr.test.tsx index 3e8b248e64..d42dd6c3d1 100644 --- a/src/motion/__tests__/ssr.test.tsx +++ b/src/motion/__tests__/ssr.test.tsx @@ -133,7 +133,7 @@ function runTests(render: (components: any) => string) { const div = render() expect(div).toBe( - `
` + `
` ) }) @@ -148,7 +148,9 @@ function runTests(render: (components: any) => string) { } const div = render() - expect(div).toBe(`
`) + expect(div).toBe( + `
` + ) }) test("Reorder: Renders provided element", () => { @@ -163,7 +165,7 @@ function runTests(render: (components: any) => string) { const div = render() expect(div).toBe( - `
` + `
` ) }) }