@db-ux/ngx-core-components 4.3.1 → 4.3.2-consolidation-7549d9f

package/fesm2022/db-ux-ngx-core-components.mjs

@@ -3226,6 +3226,14 @@ class DBCustomSelect {
                     activeElement.click();
                     event.preventDefault();
                 }
+                else if (activeElement.getAttribute("type") === "search") {
+                    // When Enter is pressed in search field, select the first available option
+                    const firstOption = this._options()?.find((opt) => !opt.isGroupTitle && !opt.disabled);
+                    if (firstOption?.value) {
+                        this.handleSelect(firstOption.value);
+                        event.preventDefault();
+                    }
+                }
             }
         }
         else if (event.key === "ArrowDown" ||
@@ -4469,7 +4477,7 @@ class DBDrawer {
             const open = Boolean(this.open());
             if (open && !this._ref()?.nativeElement.open) {
                 if (this.dialogContainerRef()?.nativeElement) {
-                    this.dialogContainerRef().nativeElement.hidden = false;
+                    (this.dialogContainerRef()?.nativeElement).removeAttribute("data-transition");
                 }
                 if (this.position() === "absolute" ||
                     this.backdrop() === "none" ||
@@ -4479,15 +4487,17 @@ class DBDrawer {
                 else {
                     this._ref()?.nativeElement.showModal();
                 }
+                void delay(() => {
+                    if (this.dialogContainerRef()?.nativeElement) {
+                        (this.dialogContainerRef()?.nativeElement).dataset["transition"] = "open";
+                    }
+                }, 1);
             }
             if (!open && this._ref()?.nativeElement.open) {
                 if (this.dialogContainerRef()?.nativeElement) {
-                    this.dialogContainerRef().nativeElement.hidden = true;
+                    (this.dialogContainerRef()?.nativeElement).dataset["transition"] = "close";
                 }
-                delay(() => {
-                    if (this.dialogContainerRef()?.nativeElement) {
-                        this.dialogContainerRef().nativeElement.hidden = false;
-                    }
+                void delay(() => {
                     this._ref()?.nativeElement?.close();
                 }, 401);
             }