From ea7d60dd72bf54f100669d83dadb7f98be351396 Mon Sep 17 00:00:00 2001
From: Danila Gorelko <hello@danilax86.space>
Date: Wed, 14 Aug 2024 14:10:03 +0300
Subject: [PATCH] Trick safari to not recognise any "name" in the input field
 (#254)

Safari looks at id and placeholder in order to enable contacts autocomplete.

Fixes: #253
---
 categories/view_card.html | 4 ++--
 static/default.css        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/categories/view_card.html b/categories/view_card.html
index f2ea7c8..3262154 100644
--- a/categories/view_card.html
+++ b/categories/view_card.html
@@ -22,8 +22,8 @@
             {{if .GivenPermissionToModify}}
 				<li class="categories-card__entry categories-card__add-to-cat">
 					<form method="POST" action="/add-to-category" class="categories-card__add-form js-add-cat-form">
-						<input type="text" name="cat" id="_cat-name" class="js-add-cat-name" autocomplete="off"
-						       placeholder="{{block `placeholder` .}}Category name...{{end}}">
+						<input type="text" name="cat" id="_cat-input" class="js-add-cat-name" autocomplete="off"
+						       placeholder="{{block `placeholder` .}}Category n&zwnj;ame...{{end}}">
 						<datalist class="js-add-cat-list" id="cat-name-options"></datalist>
 						<input type="hidden" name="hypha" value="{{$hyphaName}}">
 						<input type="hidden" name="redirect-to" value="/hypha/{{$hyphaName}}">
diff --git a/static/default.css b/static/default.css
index 10237df..f13975f 100644
--- a/static/default.css
+++ b/static/default.css
@@ -271,7 +271,7 @@ mark { background: rgba(130, 80, 30, 5); color: inherit; }
 	border: none;
 	background: none;
 }
-.categories-card #_cat-name {
+.categories-card #_cat-input {
 	width: 100%;
 	margin: 0;
 	padding: 0 .5rem;