fix(popover): fix destroy logic (#549)

* fix(popover): fix destroy logic

* fix(popover): don't open if previous popper not destroyed

src/components/Popover/src/Popover.vue

@@ -16,7 +16,7 @@
 						v-if="isOpen"
 						:action-el="actionEl"
 						:popper-config="popperConfig"
-						@popover-instance:new-popper="setPopper"
+						@popover-instance:new-popper="setPopperToDestroy"
 					>
 						<!-- @slot Content that will appear in the floating popover -->
 						<slot name="content" />
@@ -120,11 +120,12 @@ export default {
 			 * will be pushed into the popoverApi state as the opened popover.
 			 */
 			id: getPopoverId(),
-			currentPopper: undefined,
 			popperToDestroy: undefined,
 			actionAPI: {
 				open(...ignoreElements) {
-					if (vm.isOpen) {
+					// Even though popover may be closed, need to wait for
+					// the popper to be destroyed before re-opening
+					if (vm.isOpen || Boolean(vm.popperToDestroy)) {
 						return;
 					}
 
@@ -136,8 +137,6 @@ export default {
 				},
 
 				close() {
-					this.popperToDestroy = this.currentPopper;
-					this.currentPopper = undefined;
 					vm.popoverApi.closePopover();
 				},
 
@@ -214,8 +213,8 @@ export default {
 			this.actionAPI.toggle(...ignoreElements);
 		},
 
-		setPopper(popper) {
-			this.currentPopper = popper;
+		setPopperToDestroy(popper) {
+			this.popperToDestroy = popper;
 		},
 
 		destroyPopper() {