diff --git a/src/components/input/input.ios.scss b/src/components/input/input.ios.scss index 9f07c0e8b1..cb1618a42e 100644 --- a/src/components/input/input.ios.scss +++ b/src/components/input/input.ios.scss @@ -77,7 +77,6 @@ ion-input[clearInput] { @include svg-background-image($text-input-ios-input-clear-icon-svg); right: ($item-ios-padding-right / 2); - bottom: 0; width: $text-input-ios-input-clear-icon-width; diff --git a/src/components/input/input.md.scss b/src/components/input/input.md.scss index 97a06e81fe..20762dcfc1 100644 --- a/src/components/input/input.md.scss +++ b/src/components/input/input.md.scss @@ -130,7 +130,6 @@ ion-input[clearInput] { @include svg-background-image($text-input-md-input-clear-icon-svg); right: ($item-md-padding-right / 2); - bottom: 4px; width: $text-input-md-input-clear-icon-width; diff --git a/src/components/input/input.scss b/src/components/input/input.scss index e2797747d5..8b0f148e30 100644 --- a/src/components/input/input.scss +++ b/src/components/input/input.scss @@ -129,11 +129,14 @@ input.text-input:-webkit-autofill { .text-input-clear-icon { position: absolute; + top: 0; display: none; margin: 0; padding: 0; + height: 100%; + background-repeat: no-repeat; background-position: center; } diff --git a/src/components/input/input.wp.scss b/src/components/input/input.wp.scss index 7f991f4e79..53e77ec959 100644 --- a/src/components/input/input.wp.scss +++ b/src/components/input/input.wp.scss @@ -107,7 +107,6 @@ ion-input[clearInput] { .text-input-clear-icon { @include svg-background-image($text-input-wp-input-clear-icon-svg); - top: $item-wp-padding-top; right: ($item-wp-padding-right / 2); width: $text-input-wp-input-clear-icon-width; diff --git a/src/components/input/test/clear-input/e2e.ts b/src/components/input/test/clear-input/e2e.ts index 9ad8c2ed27..e69de29bb2 100644 --- a/src/components/input/test/clear-input/e2e.ts +++ b/src/components/input/test/clear-input/e2e.ts @@ -1,4 +0,0 @@ - -it('should clear input', function() { - element(by.css('.e2eClearInput .text-input-clear-icon')).click(); -});