diff --git a/projects/js-packages/components/changelog/update-page-isolation-styles b/projects/js-packages/components/changelog/update-page-isolation-styles new file mode 100644 index 000000000000..8caa12575091 --- /dev/null +++ b/projects/js-packages/components/changelog/update-page-isolation-styles @@ -0,0 +1,4 @@ +Significance: minor +Type: changed + +Admin page: add isolation styles for wp-ui popovers. diff --git a/projects/js-packages/components/components/admin-page/style.module.scss b/projects/js-packages/components/components/admin-page/style.module.scss index 588fa35e4fe3..7e3d579f5fef 100644 --- a/projects/js-packages/components/components/admin-page/style.module.scss +++ b/projects/js-packages/components/components/admin-page/style.module.scss @@ -1,4 +1,7 @@ .admin-page { + // Ensures portaled popovers from `@wordpress/ui` appear correctly. + // See https://github.com/WordPress/gutenberg/blob/trunk/packages/ui/README.md#setup + isolation: isolate; margin-left: -20px; // to neutralize the padding of #wpcontent. @media (max-width: 782px) {