Remove children wrapper in cover modal

Author: acelaya

CHANGELOG.md

@@ -4,6 +4,22 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
 
+## [0.9.7] - 2025-05-31
+### Added
+
+### Changed
+* *Nothing*
+
+### Deprecated
+* *Nothing*
+
+### Removed
+* *Nothing*
+
+### Fixed
+* Remove children wrapper in cover modal.
+
+
 ## [0.9.6] - 2025-05-31
 ### Added
 * Add `size` property to tailwind-based `Table` component.

src/tailwind/feedback/CardModal.tsx

@@ -173,7 +173,7 @@ export const CardModal: FC<CardModalProps> = ({
             <>
               <div
                 className={clsx(
-                  'tw:px-4 tw:py-3 tw:absolute tw:top-0 tw:left-0 tw:right-0',
+                  'tw:px-4 tw:py-3 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:z-3000',
                   'tw:flex tw:items-center tw:justify-between',
                   'tw:text-white tw:bg-linear-to-b tw:from-black/70 tw:to-black/10',
                   'tw:[text-shadow:_0_2px_4px_rgb(0_0_0/_0.8)]',
@@ -182,7 +182,7 @@ export const CardModal: FC<CardModalProps> = ({
                 <h5>{title}</h5>
                 <CloseButton onClick={onClose} label="Close dialog" />
               </div>
-              <div>{children}</div>
+              {children}
             </>
           ) : (
             <>

test/tailwind/feedback/__snapshots__/CardModal.test.tsx.snap

@@ -390,7 +390,7 @@ exports[`<CardModal /> > renders expected variant 3`] = `
       class="tw:group/card tw:rounded-md tw:shadow-md tw:border tw:border-lm-border tw:dark:border-dm-border tw:bg-lm-primary tw:dark:bg-dm-primary tw:w-full tw:h-full tw:relative tw:overflow-auto"
     >
       <div
-        class="tw:px-4 tw:py-3 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:flex tw:items-center tw:justify-between tw:text-white tw:bg-linear-to-b tw:from-black/70 tw:to-black/10 tw:[text-shadow:_0_2px_4px_rgb(0_0_0/_0.8)]"
+        class="tw:px-4 tw:py-3 tw:absolute tw:top-0 tw:left-0 tw:right-0 tw:z-3000 tw:flex tw:items-center tw:justify-between tw:text-white tw:bg-linear-to-b tw:from-black/70 tw:to-black/10 tw:[text-shadow:_0_2px_4px_rgb(0_0_0/_0.8)]"
       >
         <h5>
           The title
@@ -417,12 +417,10 @@ exports[`<CardModal /> > renders expected variant 3`] = `
           </svg>
         </button>
       </div>
-      <div>
-        <div
-          data-testid="content"
-        >
-          This is the content
-        </div>
+      <div
+        data-testid="content"
+      >
+        This is the content
       </div>
     </div>
   </form>