diff --git a/packages/plasma-b2c/api/plasma-b2c.api.md b/packages/plasma-b2c/api/plasma-b2c.api.md index a546baeafa..3c6ef21d4d 100644 --- a/packages/plasma-b2c/api/plasma-b2c.api.md +++ b/packages/plasma-b2c/api/plasma-b2c.api.md @@ -1896,6 +1896,7 @@ default: PolymorphicClassName; variant?: "normal" | "tight" | undefined; portal?: string | React_2.RefObject | undefined; renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined; + zIndex?: Property.ZIndex | undefined; onItemClick?: ((item: DropdownItemOption, event: React_2.SyntheticEvent) => void) | undefined; listOverflow?: Property.Overflow | undefined; listHeight?: Property.Height | undefined; diff --git a/packages/plasma-b2c/src/components/Combobox/Combobox.component-test.tsx b/packages/plasma-b2c/src/components/Combobox/Combobox.component-test.tsx index 9ed69a0f27..d91a840192 100644 --- a/packages/plasma-b2c/src/components/Combobox/Combobox.component-test.tsx +++ b/packages/plasma-b2c/src/components/Combobox/Combobox.component-test.tsx @@ -1185,6 +1185,18 @@ describe('plasma-b2c: Combobox', () => { cy.get('[id$="north_america"]').should('have.attr', 'data-name', 'test-data-name'); }); + it('prop: zIndex', () => { + mount( +
+ +
, + ); + + cy.get('#single').realClick(); + + cy.get('[data-floating-ui-portal] > div').should('have.css', 'z-index', '10000'); + }); + it('flow: single uncontrolled', () => { cy.viewport(1000, 500); diff --git a/packages/plasma-b2c/src/components/Dropdown/Dropdown.component-test.tsx b/packages/plasma-b2c/src/components/Dropdown/Dropdown.component-test.tsx index b193615db0..e57f12bba8 100644 --- a/packages/plasma-b2c/src/components/Dropdown/Dropdown.component-test.tsx +++ b/packages/plasma-b2c/src/components/Dropdown/Dropdown.component-test.tsx @@ -568,6 +568,20 @@ describe('plasma-b2c: Dropdown', () => { cy.get('[id$="north_america"]').should('have.attr', 'data-name', 'test-data-name'); }); + it('prop: zIndex', () => { + mount( + + +