From 7556e9bc356da781f980c4349d44514a097a453b Mon Sep 17 00:00:00 2001
From: deveil <jimmy.deveil+github@gmail.com>
Date: Tue, 24 Aug 2021 17:47:55 +0200
Subject: [PATCH] Correction for prefilling text inputs

As documentation said : https://materializecss.com/text-inputs.html - Prefilling Text Inputs
To avoid labels overlapping prefilled content, add class="active" to the label.
---
 .../templates/materializecssform/field.html               | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/materializecssform/templates/materializecssform/field.html b/materializecssform/templates/materializecssform/field.html
index 6070e76..f0bfa16 100644
--- a/materializecssform/templates/materializecssform/field.html
+++ b/materializecssform/templates/materializecssform/field.html
@@ -55,7 +55,7 @@
         {% endif %}
 
         <input type="text" id="{{ field.auto_id }}" name="{{ field.html_name }}" class="datepicker" value="{% if field.value %}{% localize off %}{{ field.value }}{% endlocalize %}{% endif %}" {% include 'materializecssform/attrs.html' %} >
-        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
+        <label for="{{ field.id_for_label }}"{% if field.value %} class="active"{% endif %}>{{ field.label }}</label>
 
         {% for error in field.errors %}
             <span class="help-block {{ form.error_css_class }}">{{ error }}</span>
@@ -75,7 +75,7 @@
         {% endif %}
 
         <input type="datetime-local" id="{{ field.auto_id }}" name="{{ field.html_name }}" value="{% if field.value %}{{ field.value|date:'c' }}{% endif %}" {% include 'materializecssform/attrs.html' %}  >
-        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
+        <label for="{{ field.id_for_label }}"{% if field.value %} class="active"{% endif %}>{{ field.label }}</label>
 
         {% for error in field.errors %}
             <span class="help-block {{ form.error_css_class }}">{{ error }}</span>
@@ -180,7 +180,7 @@
             {% endif %}
             <textarea id="{{ field.auto_id }}" class="materialize-textarea" name="{{field.html_name}}" {% include 'materializecssform/attrs.html' %} >{% if field.value %}{{ field.value }}{% endif %}</textarea>
             {% if field.auto_id %}
-                <label class="{% if field.field.required %}{{ form.required_css_class }}{% endif %}" for="{{ field.auto_id }}">{{ field.label }}</label>
+                <label class="{% if field.field.required %}{{ form.required_css_class }}{% endif %}{% if field.value %} active{% endif %}" for="{{ field.auto_id }}">{{ field.label }}</label>
             {% endif %}
 
             {% for error in field.errors %}
@@ -223,7 +223,7 @@
             {% endif %}
             {{ field }}
             {% if field.auto_id %}
-                <label class="{% if field.field.required %}{{ form.required_css_class }}{% endif %}" for="{{ field.auto_id }}">{{ field.label }}</label>
+                <label class="{% if field.field.required %}{{ form.required_css_class }}{% endif %}{% if field.value %} active{% endif %}" for="{{ field.auto_id }}">{{ field.label }}</label>
             {% endif %}
 
             {% for error in field.errors %}