test_floating_field_failing.html

<form  method="post" >
    <div id="div_id_text_area" class="form-floating mb-3">
        <textarea aria-describedby="id_text_area_error" name="text_area" cols="40" rows="10" placeholder="text_area" class="textarea form-control is-invalid" required id="id_text_area" aria-invalid="true">
        </textarea>
        <label for="id_text_area">
            Text area<span class="asteriskField">*</span>
        </label>
        <span id="error_1_id_text_area" class="invalid-feedback">
            <strong>This field is required.</strong>
        </span>
    </div>
    <div id="div_id_select_input" class="form-floating mb-3">
        <select aria-describedby="id_select_input_error" name="select_input" placeholder="select_input" class="select form-select is-invalid" id="id_select_input" aria-invalid="true">
            <option value="1">Option one</option>
            <option value="2">Option two</option>
            <option value="3">Option three</option>
        </select>
        <label for="id_select_input">
            Select input<span class="asteriskField">*</span>
        </label>
        <span id="error_1_id_select_input" class="invalid-feedback">
            <strong>This field is required.</strong>
        </span>
    </div>
</form>