Enhance inputCloned text input with type and name

Safari will display a contact autocomplete on every text input which `name` attribute contains "*name*" or does not have any `name` attribute.
Adding a fine tuned `name`attribute to the input should prevent that.

Plus, input type="search" seems more suited to the field intent (https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/search).
This commit is contained in:
Bob Maerten 2020-09-24 16:25:39 +02:00
parent f0ec43fa20
commit db5e23ba6a

View file

@ -267,7 +267,8 @@ const templates = {
placeholderValue: string,
): HTMLInputElement {
const inp = Object.assign(document.createElement('input'), {
type: 'text',
type: 'search',
name: 'search_terms',
className: `${input} ${inputCloned}`,
autocomplete: 'off',
autocapitalize: 'off',