FloatingField has unnecessary field.name as placeholder, placeholder isnt hidden

[Jyhrie]

placeholder can be seen when floatingfield is closed, by default is field.name.

{% load crispy_forms_field %}

{% if field.is_hidden %}
    {{ field }}
{% else %}
    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="form-floating mb-3{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
    
    {% if field|is_select %}
        {%if field.errors %}
            {% crispy_field field 'class' 'form-select is-invalid' 'placeholder' ' ' %}
        {% else %}
            {% crispy_field field 'class' 'form-select' 'placeholder' ' ' %}
        {% endif %}
    {% else %}
        {% if field.errors %}
            {% crispy_field field 'class' 'form-control is-invalid' 'placeholder' ' ' %}
        {% else %}
            {% crispy_field field 'class' 'form-control' 'placeholder' ' ' %}
        {% endif %} 
    {% endif %} 
    
    <label {% if field.id_for_label %}for="{{ field.id_for_label }}"{% endif %}{% if label_class %} class="{{ label_class }}"{% endif %}>
        {{ field.label }}{% if field.field.required %}<span class="asteriskField">*</span>{% endif %}
    </label>

    {% include 'bootstrap5/layout/help_text_and_errors.html' %}

    <script>
        document.addEventListener('DOMContentLoaded', function() {
        const employeeIdInput = document.getElementById('{{ field.auto_id }}');

        if (employeeIdInput) {
            employeeIdInput.addEventListener('focus', function() {
                this.placeholder = '{{field.name}}';
            });

            employeeIdInput.addEventListener('blur', function() {
                if (this.value === '') {
                    this.placeholder = ' ';
                }
            });
        }
    });
    </script>

    </{% if tag %}{{ tag }}{% else %}div{% endif %}>
{% endif %}
``

^ scuffed band-aid fix for floatingfield