Skip to content

Conversation

@kurtcarpenter
Copy link
Contributor

@kurtcarpenter kurtcarpenter commented Dec 2, 2017

Pull request checklist

Description of changes

Previously ComboBox, ContextualMenu, and TeachingBubble failed to honor props.calloutProps.className, resulting in the Callout element not receiving the user-specified class names.

Now these three components are brought in-line with other components such as Dropdown, which merge .ms-Callout, a component-specific class, and user classes.

Focus areas to test

Regression tests present on the three components that verify user-specified class is added to the Callout.

/>
);

setTimeout(() => {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This setTimeout is needed due to the calloutProps not being fully propagated on first UI tick. Please let me know if there is a better solution to solve that problem.

@micahgodbolt micahgodbolt changed the title Fix ComboBox, ContextualMenu, TeachingBubble calloutProps.className Make ComboBox, ContextualMenu, TeachingBubble support calloutProps.className Feb 13, 2018
Copy link
Member

@micahgodbolt micahgodbolt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch here. Thanks for the addition.

@micahgodbolt micahgodbolt merged commit 8fa181d into microsoft:master Feb 13, 2018
@kurtcarpenter kurtcarpenter deleted the component-calloutprops-classname branch February 13, 2018 21:53
@kurtcarpenter kurtcarpenter restored the component-calloutprops-classname branch February 13, 2018 21:53
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

ComboBox, ContextualMenu, TeachingBubble ignore calloutProps.className

2 participants