Skip to content
Open
Changes from 3 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions packages/react-core/src/helpers/Popper/Popper.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -483,8 +483,14 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
clearTimeouts([transitionTimerRef, hideTimerRef]);
showTimerRef.current = setTimeout(() => {
setInternalIsVisible(true);
setOpacity(1);
onShown();
// Ensures React has committed the DOM changes and the popper element is rendered
requestAnimationFrame(() => {
// Ensures Popper.js has calculated and applied the position transform before making element visible
requestAnimationFrame(() => {
setOpacity(1);
onShown();
});
});
}, entryDelay);
};

Expand Down
Loading