(bug 38686) Autocompletion support

Provide atocopletion capabilities to the search box: showing the remaining
 part of the matching element and allow user selection with keyboard.

Change-Id: Ic591c3c87632fb56af16b9b15ecedbf9558d674a
This commit is contained in:
pginer
2012-07-25 21:29:56 +02:00
committed by Santhosh Thottingal
parent 5b055bdf5b
commit d8038afad9
4 changed files with 85 additions and 16 deletions

View File

@@ -9,7 +9,7 @@
display: none;
min-width: 715px;
margin-top: 1px;
width:45%;
width: 45%;
/* Styling */
background-color: #ffffff;
border: 1px solid #ccc;
@@ -120,13 +120,9 @@ input#languagefilter {
-moz-transition: all 0.15s linear 0s;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
color: #777;
color: #333;
display: block;
font-size: 14px;
height: 32px;
padding: 6px;
width: 100%;
text-align: left;
background-color: transparent;
}
input:focus#languagefilter {
border: 1px solid #08C;
@@ -157,3 +153,27 @@ span.clear-button {
width: 32px;
margin-left: -32px;
}
.filterinput {
position: absolute;
top: 0px;
left: 0px;
font-size: 14px;
height: 32px;
padding: 6px;
width: 100%;
text-align: left;
}
#filtersuggestion {
background-color: white;
color: #888;
border: 1px transparent;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 2px transparent inset;
left: 1px;
}
#search-input-block {
position: relative;
}