Site Settings Desktop: Show menu right-aligned.

chrome/browser/resources/settings/site_settings/site_list.html

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu-button/paper-menu-button.html">
 <link rel="import" href="/i18n_setup.html">
@@ skipping 33 matching lines @@
 
       <div class="list-frame menu-content vertical-list" id="listContainer">
         <template is="dom-repeat" items="[[sites]]">
           <div class="list-item underscore">
             <div class="favicon-image" style$="[[computeSiteIcon(item)]]"
                 on-tap="onOriginTap_" actionable></div>
             <div class="middle" on-tap="onOriginTap_" actionable>
               <div>[[item.originForDisplay]]</div>
               <div class="secondary">[[item.embeddingOriginForDisplay]]</div>
             </div>
-            <paper-menu-button hidden$="[[allSites]]">
+            <paper-menu-button hidden$="[[allSites]]" horizontal-align="right">

[Dan Beam, 2016/07/06 15:26:33]

what about in RTL?

[Finnur, 2016/08/19 16:13:30]

OK, circling back to this CL that I was working on before my vacation.

I tested this on Windows with different locales and found the following:

Currently (without my fix) the menu is anchored wrongly both for LTR and RTL
(grows off page). Tried English, Arabic and Hebrew locales.

With my fix LTR gets fixed but RTL seems to ignore this, as far as I can tell.
To get RTL to alter the menu direction I tried various combinations for
horizontal-align="x" including x=left, x=auto, x=<blank>. None seemed to have
any effect.

I'm beginning to wonder if this is a Polymer thing/bug.

So what should we do? I'm tempted to check this in as-is (given we do exactly
this elsewhere, it fixes LTR and leaves RTL no worse off), unless you guys know
of options that work for both LTR and RTL?

[tommycli, 2016/08/22 23:33:00]

Fixing LTR while leaving RTL no worse off is fine with me so long as that bug
remains open with a note that RTL is still wrong.

               <paper-icon-button icon="cr:more-vert"
                   class="dropdown-trigger">
               </paper-icon-button>
               <paper-menu id="actionMenu" class="dropdown-content"
                   on-iron-activate="onActionMenuIronActivate_"
                   attr-for-selected="menu-value">
                 <paper-item
                     hidden="[[!showAllowAction_]]"
                     menu-value$="[[PermissionValues.ALLOW]]">
                   $i18n{siteSettingsActionAllow}
@@ skipping 20 matching lines @@
         <div class="button-container">
           <paper-button on-tap="onAddSiteTap_" class="primary-button no-upper">
             $i18n{addSiteLink}
           </paper-button>
         </div>
       </div>
     </paper-submenu>
   </template>
   <script src="site_list.js"></script>
 </dom-module>