From 15162272f46a3ae6e93a9f405173e0c770219fff Mon Sep 17 00:00:00 2001
From: ArthurHoaro <arthur@hoa.ro>
Date: Sun, 12 Mar 2017 13:28:37 +0100
Subject: [PATCH] Fixes #806: display overflow for awesomplete list

---
 tpl/default/css/shaarli.css | 4 ++++
 tpl/default/editlink.html   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index d33e9066..4886ddaf 100644
--- 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 491f1da0..354499a4 100644
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -36,7 +36,7 @@ <h2 class="window-title">{'Shaare'|t}</h2>
       </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>