From f623e367da14dc00f706175c9412b321c695f1d3 Mon Sep 17 00:00:00 2001
From: Humberto Morera <humberto.morera@dotcms.com>
Date: Thu, 22 Aug 2024 09:57:11 -0500
Subject: [PATCH] remove outline in dropdown placeholder + remove
 autoDisplayFirst since is not needed

---
 .../components/form/content-types-form.component.html       | 2 --
 .../dot-workflows-actions-selector-field.component.html     | 1 -
 .../dot-workflows-actions-selector-field.component.spec.ts  | 1 -
 .../angular/dotcms-theme/components/form/_dropdown.scss     | 6 ++++++
 .../template-builder-box.component.html                     | 1 -
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/form/content-types-form.component.html b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/form/content-types-form.component.html
index df158c37fe53..ff4a6a4a0ad3 100644
--- a/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/form/content-types-form.component.html
+++ b/core-web/apps/dotcms-ui/src/app/portlets/shared/dot-content-types-edit/components/form/content-types-form.component.html
@@ -97,7 +97,6 @@
                 [options]="dateVarOptions"
                 [tabindex]="7"
                 [placeholder]="'contenttypes.form.date.field.placeholder' | dm"
-                [autoDisplayFirst]="false"
                 [showClear]="true"
                 id="content-type-form-publish-date-field"
                 appendTo="body"
@@ -111,7 +110,6 @@
             <p-dropdown
                 (onChange)="handleDateVarChange($event, 'expireDateVar')"
                 [showClear]="true"
-                [autoDisplayFirst]="false"
                 [options]="dateVarOptions"
                 [tabindex]="8"
                 [placeholder]="'contenttypes.form.date.field.placeholder' | dm"
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.html b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.html
index 1f9ddf324d7c..65d7e730fdbb 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.html
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.html
@@ -2,7 +2,6 @@
     *ngIf="actions$ | async as actions"
     (onChange)="handleChange($event)"
     [(ngModel)]="value"
-    [autoDisplayFirst]="false"
     [disabled]="disabled || actions.length === 0"
     [group]="true"
     [options]="actions"
diff --git a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.spec.ts b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.spec.ts
index d3efce4ea78d..0f5ed9346e37 100644
--- a/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.spec.ts
+++ b/core-web/apps/dotcms-ui/src/app/view/components/_common/dot-workflows-actions-selector-field/dot-workflows-actions-selector-field.component.spec.ts
@@ -149,7 +149,6 @@ describe('DotWorkflowsActionsSelectorFieldComponent', () => {
                     expect(dropdown.group).toBe(true);
                     expect(dropdown.placeholder).toBe('Select an action');
                     expect(dropdown.style).toEqual({ width: '100%' });
-                    expect(dropdown.autoDisplayFirst).toBe(false);
                 });
             });
 
diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_dropdown.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_dropdown.scss
index 659d9177f978..5aad1eb60e87 100644
--- a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_dropdown.scss
+++ b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_dropdown.scss
@@ -41,6 +41,12 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
     .p-dropdown-label {
         padding-right: $spacing-1;
         @include truncate-text;
+
+        &:focus,
+        &:enabled:focus {
+            outline: 0 none;
+            box-shadow: none;
+        }
     }
 
     &:has(.p-dropdown-clear-icon) {
diff --git a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-box/template-builder-box.component.html b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-box/template-builder-box.component.html
index 22fac5714955..5a5e1f7cbcca 100644
--- a/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-box/template-builder-box.component.html
+++ b/core-web/libs/template-builder/src/lib/components/template-builder/components/template-builder-box/template-builder-box.component.html
@@ -33,7 +33,6 @@
                 [filter]="true"
                 [placeholder]="dropdownLabel"
                 [formControl]="formControl"
-                [autoDisplayFirst]="false"
                 scrollHeight="18.75rem"
                 dotContainerOptions
                 data-testId="btn-plus"