Bug when trying to change the dz-message text

[s4Dt0y]

When I change the dz-message like <div class="dz-message">, I can no longer click to upload or even drag a file in. In fact, even after I remove the div anchor that changes the dz-message, the dropzone does not reset. It just has no text and no functionality. Is there something I am doing wrong? Here is the div tag and script that deals with the dropzone. (btw, I am using flask, so there is a little bit of jinja templating in it.

{% extends "base.html" %}

{% block title %}Upload{% endblock %}


{% block content %}

<div class="padding_left">
    <form
        method="POST"
        class="dropzone dz-clickable me-3"
        action="{{ url_for('upload.upload') }}"
        id="dropper"
        enctype="multipart/form-data"
    >
    </form>
    <div class="text-center">
        <button id="submit-all" class="btn btn-dark mt-3">Upload Files</button>
    </div>

    <script type="application/javascript">
        Dropzone.options.dropper = {
            paramName: "file",
            chunking: true,
            forceChunking: true,
            autoProcessQueue: false,
            url: "{{ url_for('upload.upload') }}",
            maxFilesize: 1025, // megabytes
            chunkSize: 1000000, // bytes
            init: function() {
                let submitButton = document.querySelector("#submit-all");
                let myDropzone = this;

                submitButton.addEventListener("click", function() {
                    myDropzone.processQueue();
                });
            }
        }

    </script>
</div>

{% endblock %}