From 2036e026f3f0055cbed6d884b2c09da1143a8e57 Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eromano@users.noreply.github.com>
Date: Fri, 1 Feb 2019 13:19:56 +0000
Subject: [PATCH] [no-issue] remove annoying dot at the end of search animation
 (#4226)

* remove annoying dot at the end of animation

* bypass protractor for click search bar
---
 e2e/pages/adf/dialog/searchDialog.ts                          | 4 ++--
 .../search/components/search-control.component.scss           | 3 ---
 .../search/components/search-control.component.ts             | 2 +-
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/e2e/pages/adf/dialog/searchDialog.ts b/e2e/pages/adf/dialog/searchDialog.ts
index f8734aba01..b7e41354e4 100644
--- a/e2e/pages/adf/dialog/searchDialog.ts
+++ b/e2e/pages/adf/dialog/searchDialog.ts
@@ -69,14 +69,14 @@ export class SearchDialog {
 
     enterText(text) {
         Util.waitUntilElementIsVisible(this.searchBar);
-        this.searchBar.click();
+        browser.executeScript(`document.querySelector("adf-search-control input").click();`);
         this.searchBar.sendKeys(text);
         return this;
     }
 
     enterTextAndPressEnter(text) {
         Util.waitUntilElementIsVisible(this.searchBar);
-        this.searchBar.click();
+        browser.executeScript(`document.querySelector("adf-search-control input").click();`);
         this.searchBar.sendKeys(text);
         this.searchBar.sendKeys(protractor.Key.ENTER);
         return this;
diff --git a/lib/content-services/search/components/search-control.component.scss b/lib/content-services/search/components/search-control.component.scss
index 8efabf7efa..42c75b60a0 100644
--- a/lib/content-services/search/components/search-control.component.scss
+++ b/lib/content-services/search/components/search-control.component.scss
@@ -9,9 +9,6 @@
 
     .adf-search-container {
         overflow: hidden !important;
-        adf-search-bar {
-            width: 200px;
-        }
     }
 
     .adf-search-button {
diff --git a/lib/content-services/search/components/search-control.component.ts b/lib/content-services/search/components/search-control.component.ts
index d2cc22ceeb..783897a493 100644
--- a/lib/content-services/search/components/search-control.component.ts
+++ b/lib/content-services/search/components/search-control.component.ts
@@ -33,7 +33,7 @@ import { debounceTime, filter } from 'rxjs/operators';
     animations: [
         trigger('transitionMessages', [
             state('active', style({ transform: 'translateX(0%)', 'margin-left': '13px' })),
-            state('inactive', style({ transform: 'translateX(81%)'})),
+            state('inactive', style({ transform: 'translateX(82%)'})),
             state('no-animation', style({ transform: 'translateX(0%)', width: '100%' })),
             transition('inactive => active',
                 animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')),