Bug for autocomplete_fields

[mohoshakeri]

Hi there.

Thank you for your beautiful template.

Unfortunately, when Django is being developed and debugged (DEBUG=True), the foreign key related select field, which is set to autocomplete_fields, is disabled; And it is fixed in prod mode.

This problem only occurs when creating a new object and it is not existing when editing.

[hypy13]

Hi @mohoshakeri, thanks for your kind words!

I believe the issue might be due to JavaScript overrides. Could you please try clearing your browser cache and let me know if the problem still persists?

[mohoshakeri]

I tried this.

I also have sources of both the broken and healthy states, and I will send you the sources.

In DEBUG mode and broken:

<span class="select2 select2-container select2-container--admin-autocomplete" dir="ltr" data-select2-id="1" style="width: 100%;">
    <span class="selection">
        <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-id_male-container">
            <span class="select2-selection__rendered" id="select2-id_male-container" role="textbox" aria-readonly="true"><span class="select2-selection__placeholder"></span></span>
            <span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>
        </span>
    </span>
    <span class="dropdown-wrapper" aria-hidden="true"></span>
</span>

In Prod mode and healthy:

<span class="select2 select2-container select2-container--admin-autocomplete select2-container--below select2-container--open" dir="ltr" data-select2-id="1" style="width: 100%;">
    <span class="selection">
        <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="true" tabindex="0" aria-disabled="false" aria-labelledby="select2-id_male-container" aria-owns="select2-id_male-results">
            <span class="select2-selection__rendered" id="select2-id_male-container" role="textbox" aria-readonly="true"><span class="select2-selection__placeholder"></span></span>
            <span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span>
        </span>
    </span>
    <span class="dropdown-wrapper" aria-hidden="true"></span>
</span>

In fact, in debug mode, no click event occurs at all.

Nothing is recorded in the browser logs either. There is no error.

The static files are the same in both cases, but this problem occurs when you change the debug mode.

[hypy13]

Hey, thanks a lot for your feedback :)

Would you mind sharing your Telegram ID? If possible, a quick screen recording of the issue would really help me understand what’s going on and find a solution faster.