diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index d20f381aa8fe9f..2291ecb8ae8b2f 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -20,6 +20,7 @@ - `InputControl`, `NumberControl`, `UnitControl`: Add `help` prop for additional description ([#45931](https://github.com/WordPress/gutenberg/pull/45931)). - `BorderControl`, `ColorPicker` & `QueryControls`: Replace bottom margin overrides with `__nextHasNoMarginBottom` ([#45985](https://github.com/WordPress/gutenberg/pull/45985)). - `CustomSelectControl`, `UnitControl`: Add `onFocus` and `onBlur` props ([#46096](https://github.com/WordPress/gutenberg/pull/46096)). +- `ResizableBox`: Prevent unnecessary paint on resize handles ([#46196](https://github.com/WordPress/gutenberg/pull/46196)) ### Experimental diff --git a/packages/components/src/resizable-box/style.scss b/packages/components/src/resizable-box/style.scss index 6badc505b799a6..eed13578b3f0c4 100644 --- a/packages/components/src/resizable-box/style.scss +++ b/packages/components/src/resizable-box/style.scss @@ -54,6 +54,7 @@ $resize-handler-container-size: $resize-handler-size + ($grid-unit-05 * 2); // M right: calc(50% - 1px); transition: transform 0.1s ease-in; @include reduce-motion("transition"); + will-change: transform; opacity: 0; }