Fixes #806: display overflow for awesomplete list

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index d33e906683a956a57e9b97a2b59b8104eb551770..4886ddaf7bc48e93bf750b51198ddd302f27d649 100644 (file)
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -908,6 +908,10 @@ div.awesomplete > ul {
     color: black;
 }
 
+form[name="linkform"].page-form {
+    overflow: visible;
+}
+
 @media screen and (max-width: 64em) {
     .page-form-complete .form-label {
         height: inherit;

diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html
index 491f1da0a31cbed9ea3f80a3824a6f8aba43a34e..354499a4121376d8e143a073f1f53603531bc2ef 100644 (file)
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -36,7 +36,7 @@
       </div>
       <div>
         <input type="text" name="lf_tags" id="lf_tags" value="{$link.tags}" class="lf_input autofocus"
-          data-list="{loop="$tags"}{$key}, {/loop}" data-multiple autocomplete="off" >
+          data-list="{loop="$tags"}{$key}, {/loop}" data-multiple data-autofirst autocomplete="off" >
       </div>
 
       <div>