Fix bug where autocomplete list could be displayed out of screen (#6469)

2 files changed, 12 insertions, 7 deletions

diff --git a/skins/elastic/styles/widgets/dialogs.less b/skins/elastic/styles/widgets/dialogs.less
index f4d578a49..834d89a84 100644
--- a/skins/elastic/styles/widgets/dialogs.less
+++ b/skins/elastic/styles/widgets/dialogs.less
@@ -58,12 +58,20 @@
 
 #rcmKSearchpane {
     width: auto;
-    max-width: none;
-    overflow: hidden;
 
     li {
         padding-right: .5rem;
     }
+
+    html.layout-small &,
+    html.layout-phone & {
+        bottom: auto;
+        border: 1px solid @color-input-border;
+    }
+
+    html.layout-phone & {
+        max-width: 100% !important;
+    }
 }
 
 html.layout-small,
@@ -105,11 +113,6 @@ html.layout-phone {
         width: 100%;
     }
 
-    #rcmKSearchpane {
-        bottom: auto;
-        border: 1px solid @color-input-border;
-    }
-
     .popover-header {
         display: block;
         border-radius: 0;
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index d073302ec..20ac1b33d 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -2426,6 +2426,8 @@ ul.toolbarmenu li span.copy {
 	border: 0;
 	cursor: default;
 	position: relative;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 #rcmKSearchpane ul li i.icon {