fix(modal): fix modal editor layout to prevent overlap by adding relative positioning and reducing height

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2025-12-30 - 3.12.1 - fix(modal)
+fix modal editor layout to prevent overlap by adding relative positioning and reducing height
+
+- Added Playwright screenshots: .playwright-mcp/dees-input-code-demo.png and .playwright-mcp/modal-overlap-issue.png
+- Updated ts_web/elements/00group-input/dees-input-code/dees-input-code.ts: modal-editor-wrapper set position: relative and changed height from calc(100vh - 160px) to calc(100vh - 175px) to avoid overlap
+
 ## 2025-12-30 - 3.12.0 - feat(editor)
 add code input component and editor-bare, replace dees-editor usage, and add modal contentPadding
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.12.0',
+  version: '3.12.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-input/dees-input-code/dees-input-code.ts

@@ -541,7 +541,8 @@ export class DeesInputCode extends DeesInputBase<string> {
             margin: 0 4px;
           }
           .modal-editor-wrapper {
-            height: calc(100vh - 160px);
+            position: relative;
+            height: calc(100vh - 175px);
             width: 100%;
           }
         </style>