fix(popover): transitions work!

n

Author: thejackshelton

apps/website/src/routes/docs/headless/popover/examples/hero.tsx

@@ -4,7 +4,13 @@ import { Popover, PopoverTrigger } from '@qwik-ui/headless';
 export default component$(() => {
   useStyles$(`
     .my-transition {
-      transition: 300ms opacity ease;
+      transition: opacity 0.5s, display 0.5s allow-discrete, overlay 0.5s allow-discrete;
+    }
+
+    @supports not selector(:popover-open) {
+      .my-transition {
+        transition: opacity 0.5s;
+      }
     }
 
     .my-transition.popover-showing {

packages/kit-headless/src/components/popover/utils.ts

@@ -17,7 +17,6 @@ export function supportShowAnimation(popover: HTMLElement, isPolyfill: boolean)
  * export function supportClosingAnimation(popover: HTMLElement, afterAnimate: () => void) {
  */
 export function supportClosingAnimation(popover: HTMLElement) {
-  console.log('Closing animation:', popover.classList.contains('popover-showing'));
   popover.classList.remove('popover-showing');
   popover.classList.add('popover-closing');