Bug 1286523 - fix HTML autocomplete overflow issue;r=bgrins
authorJulian Descottes <jdescottes@mozilla.com>
Wed, 13 Jul 2016 19:19:12 +0200
changeset 330373 124641c7e85d0090330c6732098fe65427073fcb
parent 330372 76bb0b29a7509fe35db3beb571fec162cc781a80
child 330374 bc547f508f58108db8b9ad9c2b94f130c07de194
push id9858
push userjlund@mozilla.com
push dateMon, 01 Aug 2016 14:37:10 +0000
treeherdermozilla-aurora@203106ef6cb6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
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
--- 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 {