@salesforcedevs/dx-components 1.3.108 → 1.3.111

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.108",
+    "version": "1.3.111",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -40,5 +40,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "2305f4c1cc75decc2dec5aadea4dac96a1c22cdc"
+    "gitHead": "5699681cb2ab601bf4cff067b8be19fbaa18ee65"
 }

package/src/modules/dx/input/input.ts

@@ -86,6 +86,7 @@ export default class Input extends LightningElement {
     private input: HTMLInputElement | null = null;
     private _value: string | null = null;
     private _loading: boolean = false;
+    private isMac: boolean = false;
 
     private get showClearButton(): boolean {
         return this.clearable && !!this.value;
@@ -139,7 +140,7 @@ export default class Input extends LightningElement {
     }
 
     private get commandKey() {
-        return isMac() ? "command" : "control";
+        return this.isMac ? "command" : "control";
     }
 
     private get shortcutImgSrc() {
@@ -154,6 +155,11 @@ export default class Input extends LightningElement {
         return this.required && (!this.value || !this.value.trim());
     }
 
+    constructor() {
+        super();
+        this.isMac = isMac();
+    }
+
     connectedCallback() {
         window.addEventListener("keydown", this.onWindowKeydown);
     }
@@ -238,7 +244,8 @@ export default class Input extends LightningElement {
     }
 
     private onWindowKeydown = (e: KeyboardEvent) => {
-        if (this.shortcutKey && e.metaKey && e.key === this.shortcutKey) {
+        const shortcutPressed = this.isMac ? e.metaKey : e.ctrlKey;
+        if (this.shortcutKey && shortcutPressed && e.key === this.shortcutKey) {
             e.preventDefault();
             this.focus();
         }

package/src/modules/dxHelpers/commonHeader/commonHeader.css

@@ -36,10 +36,6 @@ header.state-show-mobile-nav .header_l2_group-nav_overflow {
 
 .subtitle {
     color: var(--dx-g-blue-vibrant-20);
-    display: inline-block;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
 }
 
 /* First row */