diff --git a/change/@fluentui-react-18b72fa6-4c4e-4585-b65c-925cc6f1639f.json b/change/@fluentui-react-18b72fa6-4c4e-4585-b65c-925cc6f1639f.json new file mode 100644 index 00000000000000..aaeca46a74dd40 --- /dev/null +++ b/change/@fluentui-react-18b72fa6-4c4e-4585-b65c-925cc6f1639f.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Pass onRenderItem to Dropdown's onRenderContainer to allow use of onRenderList with default or custom onRenderItem", + "packageName": "@fluentui/react", + "email": "aepshtein@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/Dropdown/Dropdown.base.tsx b/packages/react/src/components/Dropdown/Dropdown.base.tsx index 3070a5577cee76..dc043a9bd0633c 100644 --- a/packages/react/src/components/Dropdown/Dropdown.base.tsx +++ b/packages/react/src/components/Dropdown/Dropdown.base.tsx @@ -316,6 +316,7 @@ class DropdownInternal extends React.Component {onRenderCaretDown(props, this._onRenderCaretDown)} - {isOpen && onRenderContainer({ ...props, onDismiss: this._onDismiss }, this._onRenderContainer)} + {isOpen && + onRenderContainer( + { + ...props, + onDismiss: this._onDismiss, + onRenderItem, + }, + this._onRenderContainer, + )} {hasErrorMessage && (