Vuetify: v-select сбрасывается, когда я нажимаю ENTER в диалоговом окне v-edit-table v-data-table

Question

Я редактирую данные в v-data-table.

        <template v-slot:item.name="props">
          <v-edit-dialog
            :return-value.sync="props.item.name"
            large
            @save="save"
            @cancel="cancel"
            @open="open"
            @close="close"
          > {{ props.item.name }}
            <template v-slot:input>
              <v-select
                v-model="props.item.name"
                :items="dessertsOptions"
              ></v-select>
            </template>
          </v-edit-dialog>
        </template>

Когда я выбираю значение в v-select, оно изменяется, но когда я нажимаю ENTER, оно очищается. Если я нажму кнопку "Сохранить", все заработает.

Здесь ссылка на код

Вы должны щелкнуть столбец "Десерты", чтобы выбрать значение из списка выбора, и нажать ENTER. Поле будет очищено.

Как я могу это исправить?