diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx
index 225a60bf6159..3903ff5168c0 100644
--- a/packages/react/src/components/ComboBox/ComboBox.tsx
+++ b/packages/react/src/components/ComboBox/ComboBox.tsx
@@ -588,6 +588,7 @@ const ComboBox = forwardRef(
[`${prefix}--list-box--up`]: direction === 'top',
[`${prefix}--combo-box--warning`]: showWarning,
[`${prefix}--combo-box--readonly`]: readOnly,
+ [`${prefix}--autoalign`]: autoAlign,
});
const titleClasses = cx(`${prefix}--label`, {
diff --git a/packages/react/src/components/Dropdown/Dropdown.tsx b/packages/react/src/components/Dropdown/Dropdown.tsx
index 4a8336f588b6..7e85b61de651 100644
--- a/packages/react/src/components/Dropdown/Dropdown.tsx
+++ b/packages/react/src/components/Dropdown/Dropdown.tsx
@@ -390,7 +390,7 @@ const Dropdown = React.forwardRef(
[`${prefix}--dropdown--readonly`]: readOnly,
[`${prefix}--dropdown--${size}`]: size,
[`${prefix}--list-box--up`]: direction === 'top',
- [`${prefix}--dropdown--autoalign`]: autoAlign,
+ [`${prefix}--autoalign`]: autoAlign,
});
const titleClasses = cx(`${prefix}--label`, {
diff --git a/packages/react/src/components/Menu/Menu.tsx b/packages/react/src/components/Menu/Menu.tsx
index 889e3d9a6d93..9e5cb634d552 100644
--- a/packages/react/src/components/Menu/Menu.tsx
+++ b/packages/react/src/components/Menu/Menu.tsx
@@ -424,6 +424,7 @@ const Menu = forwardRef(function Menu(
[`${prefix}--menu--shown`]:
(open && !legacyAutoalign) || (position[0] >= 0 && position[1] >= 0),
[`${prefix}--menu--with-icons`]: childContext.state.hasIcons,
+ [`${prefix}--autoalign`]: !legacyAutoalign,
}
);
diff --git a/packages/react/src/components/Modal/Modal.stories.js b/packages/react/src/components/Modal/Modal.stories.js
index 6002df50be4d..cc34bad00e93 100644
--- a/packages/react/src/components/Modal/Modal.stories.js
+++ b/packages/react/src/components/Modal/Modal.stories.js
@@ -12,9 +12,12 @@ import Modal from './Modal';
import Button from '../Button';
import Select from '../Select';
import MultiSelect from '../MultiSelect';
+import { Checkbox as CheckboxIcon } from '@carbon/icons-react';
+import { Popover, PopoverContent } from '../Popover';
import Dropdown from '../Dropdown';
import SelectItem from '../SelectItem';
import TextInput from '../TextInput';
+import ComboBox from '../ComboBox';
import mdx from './Modal.mdx';
import {
StructuredListWrapper,
@@ -295,6 +298,7 @@ export const WithScrollingContent = () => {
export const Playground = ({ numberOfButtons, ...args }) => {
const [open, setOpen] = useState(true);
+ const [popoverOpen, setPopoverOpen] = useState(false);
return (
<>
@@ -315,6 +319,21 @@ export const Playground = ({ numberOfButtons, ...args }) => {
organization to a URL that you own. A custom domain can be a shared
domain, a shared subdomain, or a shared domain and host.
+
+ Custom domains direct requests for your apps in this Cloud Foundry
+ organization to a URL that you own. A custom domain can be a shared
+ domain, a shared subdomain, or a shared domain and host.
+
+
+ Custom domains direct requests for your apps in this Cloud Foundry
+ organization to a URL that you own. A custom domain can be a shared
+ domain, a shared subdomain, or a shared domain and host.
+
+
+ Custom domains direct requests for your apps in this Cloud Foundry
+ organization to a URL that you own. A custom domain can be a shared
+ domain, a shared subdomain, or a shared domain and host.
+