From fb4e1ad9697021bc27a3e419f3091ce82d038f16 Mon Sep 17 00:00:00 2001 From: Vikas Agarwal Date: Mon, 7 Nov 2016 11:15:52 +0530 Subject: [PATCH] Github #465 Team management: "member/copilot" switch not visible when there are 3+ team members -- Fixed via community (submission-232870-submission-v2.zip) - utkarshkukreti --- .../detail/containers/TeamManagementContainer.jsx | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/projects/detail/containers/TeamManagementContainer.jsx b/src/projects/detail/containers/TeamManagementContainer.jsx index 0235973c0..01cfd84d1 100644 --- a/src/projects/detail/containers/TeamManagementContainer.jsx +++ b/src/projects/detail/containers/TeamManagementContainer.jsx @@ -50,6 +50,21 @@ class TeamManagementContainer extends Component { } } + componentDidUpdate(prevProps, prevState) { + // Trigger a resize event to make sure all nodes update their sizes + // whenever isAddingTeamMember is toggled. + if (prevState.isAddingTeamMember !== this.state.isAddingTeamMember) { + // We use requestAnimationFrame because this function may be executed before + // the DOM elements are actually drawn. + // Source: http://stackoverflow.com/a/28748160 + requestAnimationFrame(() => { + const event = document.createEvent('HTMLEvents') + event.initEvent('resize', true, false) + window.dispatchEvent(event) + }) + } + } + updateSearchMembers({allMembers, members}) { const {keyword, selectedNewMember } = this.state if (!keyword || !keyword.trim().length) {