Bug 1286523 - fix HTML autocomplete overflow issue;r=bgrins draft
authorJulian Descottes <jdescottes@mozilla.com>
Wed, 13 Jul 2016 19:19:12 +0200
changeset 387960 9329892b3d387739ffc9c53d3c89b3a30e8833ff
parent 387862 b6e311c419b5f15680b3fa56fd197c0e93dc40a5
child 387961 f5cd74d94ca82ed7bc2bcb93eacf279c4385ba00
push id23119
push userjdescottes@mozilla.com
push dateFri, 15 Jul 2016 07:42:46 +0000
reviewersbgrins
bugs1286523
milestone50.0a1
Bug 1286523 - fix HTML autocomplete overflow issue;r=bgrins When the autocomplete popup has a scrollbar, the rightmost part of the suggestions is hidden when using RTL locale. XUL autocompletes (using the richlistbox) were always displaying the suggestions using LTR. I couldn't find any CSS rule enforcing this, so I assume this was a default behavior of the richlist box. This patch restores the same behavior as before. MozReview-Commit-ID: 9AcMxEe6tuL
devtools/client/themes/common.css
--- a/devtools/client/themes/common.css
+++ b/devtools/client/themes/common.css
@@ -63,25 +63,23 @@
 .devtools-autocomplete-listbox {
   -moz-appearance: none !important;
   background-color: transparent;
   border-width: 0px !important;
   margin: 0;
   padding: 2px;
 }
 
-.devtools-autocomplete-listbox > scrollbox {
-  padding: 2px;
-}
-
 .devtools-autocomplete-listbox .autocomplete-item {
   width: 100%;
   background-color: transparent;
   border-radius: 4px;
   padding: 1px 0;
+  /* Force text-align even in RTL locales to ensure a correct display of the popup */
+  text-align: left;
 }
 
 .devtools-autocomplete-listbox .autocomplete-selected {
   background-color: rgba(0,0,0,0.2);
 }
 
 .devtools-autocomplete-listbox.dark-theme .autocomplete-selected,
 .devtools-autocomplete-listbox.dark-theme .autocomplete-item:hover {