DMX Autocomplete "No Clear" not respected in Mobile Safari

Wappler General Bugs
1

Wappler Version : 6.8.0
Operating System : iOS (Safari)
Server Model: Node
Database Type: Custom Postgres
Hosting Type: Docker

Expected behavior

DMX Autocomplete keeps user custom input when no suggestions are tapped and when "No Clear" is checked. This specific autocomplete is found within a modal.

Actual behavior

Safari does not respect "No clear" and clears the user input after tapping outside of the suggestion box. Custom javascript to attempt to override onBlur behavior failed to work. Suspect the onBlur actions/listeners within the autocomplete are conflicting with safari native behaviors. Everything works fine and as-expected in desktop browsers. This was not an issue in prior Wappler version 5.8

How to reproduce

Code snippet:

<div class="modal fade" id="modal_tags" is="dmx-bs5-modal" tabindex="-1" nocloseonclick="true" nokeyboard="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content modal_primary">
            <div class="modal-header">
                <h5 class="modal-title text_modal_header">Modal Header</h5>
                <button type="button" class="btn_modalclose" data-bs-dismiss="modal" aria-label="Close Popup" style="position: relative;" dmx-hide="guestsetupsheet.data.Top_Level[0].is_setup_level==2">
                    <i class="fa-solid fa-xmark" style="position: absolute; left: calc(50% - 5px); top: calc(50% - 8px); font-size: 16px;"></i>
                </button>
            </div>
            <div class="modal-body">
                <div class="container mt-3">

                    <div class="row border-top mt-5 mb-4" style="height: 5px;"></div>
                    <form id="form_add_tag_guest" method="post" is="dmx-serverconnect-form" action="/api/profile/guest/update/guest06_add_tag" dmx-on:success="form_add_tag_guest.reset();guestsetupsheet.load({opt_user_id: query1.data.user})" style="margin-top: 25px;" dmx-on:error="flow_error.run({description: lastError.response+' | '+lastError.message, opt_code: 'form_add_tag_guest'})">
                        <input id="add_tag_guest_user_id" name="user_id" type="hidden" class="form-control" dmx-bind:value="guestsetupsheet.data.Top_Level[0].user_id">
                        <small class="text-muted">Search For Tag Or Enter A New One</small>
                        <input id="autocomplete_guest_tag" name="new_tag_name" is="dmx-autocomplete" dmx-bind:data="tags01_fetch_all_tags_autocomplete.data.tags01_fetch_all_tags_autocomplete" optiontext="tag_text" optionsearch="tag_text" class="input_search" style="height: 35px; width: calc(100% - 60px);" noresultslabel="(No Suggestions)" optionvalue="unique_id" onpaste="event.preventDefault()" maxlength="50" noclear="true">
                        <button id="btn40" class="btn btnteal" type="submit" dmx-bind:aria-label="'Add tag '+(guestsetupsheet.data.Tags.count() + 1).toString()+' of 10'">
                            <span class="spinner-border spinner-border-sm" role="status" dmx-show="state.executing||guestsetupsheet.state.executing"></span>{{(state.executing||guestsetupsheet.state.executing)?'':'Add'}}</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>