@sme.up/ketchup 11.0.0-SNAPSHOT-20241129144428 → 11.0.0-SNAPSHOT-20241129171423

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -271,7 +271,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: 'ebe2852f37b948e01ee368e9420dbc0b27fda03b' }, index.h("style", { key: '0459b34b686414b2051d495d4f41683ee20c6dc1' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '2a9ecec7cc543519ccb079018a05cf8ee33e989b', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: '67d267e88ad82f3a15baf1d57ba972bbcaf193e4' }, index.h("style", { key: '51f06b604373a081e5c9c11ab154aea736afcf2c' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'dc34201b29b5f7ecd6784df58ffa554aa5104531', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -595,20 +595,24 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     if (!field.absoluteHeight) {
         field.absoluteHeight = 1;
     }
-    const width = `${getAbsoluteWidth(length)}px`;
-    const height = `${getAbsoluteHeight(field.absoluteHeight)}px`;
-    const top = `${getAbsoluteTop(field.absoluteRow)}px`;
-    const left = `${getAbsoluteLeft(field.absoluteColumn)}px`;
+    const absoluteWidth = getAbsoluteWidth(length);
+    const absoluteHeight = getAbsoluteHeight(field.absoluteHeight);
+    const absoluteTop = getAbsoluteTop(field.absoluteRow);
+    const absoluteLeft = getAbsoluteLeft(field.absoluteColumn);
     const styleObj = {
         position: 'absolute',
-        width,
-        'min-width': width,
-        'max-width': width,
-        height,
-        'min-height': height,
-        'max-height': height,
-        top,
-        left,
+        width: absoluteWidth !== null ? `${absoluteWidth}px` : null,
+        'min-width': absoluteWidth !== null ? `${absoluteWidth}px` : null,
+        'max-width': absoluteWidth !== null ? `${absoluteWidth}px` : null,
+        height: absoluteHeight !== null ? `${absoluteHeight}px` : null,
+        'min-height': absoluteHeight !== null ? `${absoluteHeight}px` : null,
+        'max-height': absoluteHeight !== null ? `${absoluteHeight}px` : null,
+        top: absoluteTop !== null
+            ? `${getAbsoluteTop(field.absoluteRow)}px`
+            : null,
+        left: absoluteLeft !== null
+            ? `${getAbsoluteLeft(field.absoluteColumn)}px`
+            : null,
         overflow: 'auto',
     };
     fieldCell.cell.data = Object.assign(Object.assign({}, fieldCell.cell.data), { sizing: 'extra-small', customStyle: (fieldCell.cell.data.customStyle || '') +