input[type=search]: Flip the position of cancel button in RTL.

extensions/renderer/resources/extension.css

 /*
  * Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * This stylesheet is used to apply Chrome styles to extension pages that opt in
  * to using them.
  *
  * These styles have been copied from ui/webui/resources/css/chrome_shared.css
  * and ui/webui/resources/css/widgets.css *with CSS class logic removed*, so
@@ skipping 163 matching lines @@
 </if>
 }
 
 input[type='search'] {
   -webkit-appearance: textfield;
   /* NOTE: Keep a relatively high min-width for this so we don't obscure the end
    * of the default text in relatively spacious languages (i.e. German). */
   min-width: 160px;
 }
 
-/* Remove when https://bugs.webkit.org/show_bug.cgi?id=51499 is fixed.
- * TODO(dbeam): are there more types that would benefit from this? */
-input[type='search']::-webkit-textfield-decoration-container {
-  direction: inherit;
-}
-
 /* Checked ********************************************************************/
 
 input[type='checkbox']:checked::before {
   -webkit-user-select: none;
   background-image: url(../../../ui/webui/resources/images/check.png);
   background-size: 100% 100%;
   content: '';
   display: block;
   height: 100%;
   width: 100%;
@@ skipping 143 matching lines @@
   display: block;
 }
 
 :-webkit-any(.checkbox, .radio) label:hover {
   color: black;
 }
 
 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
   color: #999;
 }