fix: Prevent Spectrum Picker from selecting new value after closing (adobe#8475)

* fix: Picker select after close

* apply pointerevents none to every child when popover is closing

* fix the fix due to when state vs renders happen

Author: snowystinger

packages/@adobe/spectrum-css-temp/components/popover/index.css

@@ -51,6 +51,14 @@ governing permissions and limitations under the License.
   overflow: hidden;
 }
 
+/* Prevent clicks during exit animation (e.g. Picker selecting wrong item).
+   pointer-events is not inherited, so we must disable it on the popover and all descendants. */
+.spectrum-Popover.is-exiting,
+.spectrum-Popover.is-exiting * {
+  pointer-events: none;
+  touch-action: none;
+}
+
 .is-open {
   composes: spectrum-overlay--open;
 }

packages/@react-spectrum/overlays/src/Popover.tsx

@@ -138,7 +138,8 @@ const PopoverWrapper = forwardRef((props: PopoverWrapperProps, ref: ForwardedRef
             {
               'spectrum-Popover--withTip': !hideArrow,
               'is-open': isOpen,
-              [`is-open--${placement}`]: isOpen
+              [`is-open--${placement}`]: isOpen,
+              'is-exiting': !state.isOpen
             },
             classNames(
               overrideStyles,