-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Popup): add show/hide animations #13439
feat(Popup): add show/hide animations #13439
Conversation
@@ -540,7 +545,7 @@ const Popup: React.FC<PopupProps> & | |||
const element = ( | |||
<> | |||
{triggerElement} | |||
{open && (inline ? contentElement : <PortalInner mountNode={mountNode}>{contentElement}</PortalInner>)} | |||
{inline ? contentElement : <PortalInner mountNode={mountNode}>{contentElement}</PortalInner>} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The Animation component is responsible for mounting/removing the element now, so no need for this check
Perf AnalysisNo significant results to display. All results
Perf Analysis (Fluent)Potential regressions comparing to master
Perf comparison
Perf tests with no regressions
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: d4ec6202be3cee08373ab8636cdc6fa76a448aac (build) |
The Edited: the PR #13509 is in, so we may continue with this one. |
packages/fluentui/react-northstar/src/components/Popup/Popup.tsx
Outdated
Show resolved
Hide resolved
import * as React from 'react'; | ||
|
||
export * from 'react-transition-group'; | ||
export const Transition = props => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are there TransitionProps
? Can we use them?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please address comments and add a changelog entry before merging
This PR is simply adding animations for showing/hiding popups. No customization are allowed at this moment, if we need to we can add them as a follow up