The best way to use transition-group with Portal.

[rabbitkiller-dev]

When using transition to implement animations, the portal has an animation when opening the modal, but no animation when closing it. The reason is that the portal's div is directly removed. What should be done?

import { type TransitionMode, createSwitchTransition } from "@solid-primitives/transition-group";

(
    <Show when={props.visible}>
      <Portal>
        <div class="fl-modal-wrap size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none" tabIndex="-1">
          <PopoverTransition mode="in-out">
            <div class="hs-overlay-animation-target sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center">
              ....
            </div>
          </PopoverTransition>
        </div>
      </Portal>
    </Show>
)

[thetarnav]

I believe that the same tricks can be applied here:
solidjs-community/solid-transition-group#8

[rabbitkiller-dev]

This example solved my problem

solidjs-community/solid-transition-group#8 (comment)