diff --git a/src/resources/vue/Meet/RoomOptions.vue b/src/resources/vue/Meet/RoomOptions.vue
index da914251..676e57de 100644
--- a/src/resources/vue/Meet/RoomOptions.vue
+++ b/src/resources/vue/Meet/RoomOptions.vue
@@ -1,113 +1,113 @@
 <template>
     <div v-if="config">
         <div id="room-options-dialog" class="modal" tabindex="-1" role="dialog">
             <div class="modal-dialog" role="document">
                 <div class="modal-content">
                     <div class="modal-header">
                         <h5 class="modal-title">{{ $t('meet.options') }}</h5>
                         <button type="button" class="btn-close" data-bs-dismiss="modal" :aria-label="$t('btn.close')"></button>
                     </div>
                     <div class="modal-body">
                         <form id="room-options-password">
                             <div id="password-input" class="input-group input-group-activable mb-2">
                                 <span class="input-group-text label">{{ $t('meet.password') }}:</span>
                                 <span v-if="config.password" id="password-input-text" class="input-group-text">{{ config.password }}</span>
                                 <span v-else id="password-input-text" class="input-group-text text-muted">{{ $t('meet.password-none') }}</span>
                                 <input type="text" :value="config.password" name="password" class="form-control rounded-start activable">
                                 <button type="button" @click="passwordSave" id="password-save-btn" class="btn btn-outline-primary activable rounded-end">{{ $t('btn.save') }}</button>
                                 <button type="button" v-if="config.password" id="password-clear-btn" @click="passwordClear" class="btn btn-outline-danger rounded">{{ $t('meet.password-clear') }}</button>
                                 <button type="button" v-else @click="passwordSet" id="password-set-btn" class="btn btn-outline-primary rounded">{{ $t('meet.password-set') }}</button>
                             </div>
                             <small class="text-muted">
                                 {{ $t('meet.password-text') }}
                             </small>
                         </form>
                         <hr>
                         <form id="room-options-lock">
                             <div id="room-lock" class="mb-2">
                                 <label for="room-lock-input">{{ $t('meet.lock') }}:</label>
                                 <input type="checkbox" id="room-lock-input" name="lock" value="1" :checked="config.locked" @click="lockSave">
                             </div>
                             <small class="text-muted">
                                 {{ $t('meet.lock-text') }}
                             </small>
                         </form>
                         <hr>
                         <form id="room-options-nomedia">
                             <div id="room-nomedia" class="mb-2">
                                 <label for="room-nomedia-input">{{ $t('meet.nomedia') }}:</label>
                                 <input type="checkbox" id="room-nomedia-input" name="lock" value="1" :checked="config.nomedia" @click="nomediaSave">
                             </div>
                             <small class="text-muted">
                                 {{ $t('meet.nomedia-text') }}
                             </small>
                         </form>
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-secondary modal-action" data-bs-dismiss="modal">{{ $t('btn.close') }}</button>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </template>
 
 <script>
     export default {
         props: {
             config: { type: Object, default: () => null },
             room: { type: String, default: () => null }
         },
         mounted() {
             $('#room-options-dialog')[0].addEventListener('show.bs.modal', e => {
                 $(e.target).find('.input-group-activable.active').removeClass('active')
             })
         },
         methods: {
             configSave(name, value, callback) {
                 const post = {}
                 post[name] = value
 
                 axios.post('/api/v4/openvidu/rooms/' + this.room + '/config', post)
                     .then(response => {
-                        this.config[name] = value
+                        this.$set(this.config, name, value)
                         if (callback) {
                             callback(response.data)
                         }
                         this.$emit('config-update', this.config)
                         this.$toast.success(response.data.message)
                     })
             },
             lockSave(e) {
                 this.configSave('locked', $(e.target).prop('checked') ? 1 : 0)
             },
             nomediaSave(e) {
                 this.configSave('nomedia', $(e.target).prop('checked') ? 1 : 0)
             },
             passwordClear() {
                 this.configSave('password', '')
             },
             passwordSave() {
                 this.configSave('password', $('#password-input input').val(), () => {
                     $('#password-input').removeClass('active')
                 })
             },
             passwordSet() {
                 $('#password-input').addClass('active').find('input')
                     .off('keydown.pass')
                     .on('keydown.pass', e => {
                         if (e.which == 13) {
                             // On ENTER save the password
                             this.passwordSave()
                             e.preventDefault()
                         } else if (e.which == 27) {
                             // On ESC escape from the input, but not the dialog
                             $('#password-input').removeClass('active')
                             e.stopPropagation()
                         }
                     })
                     .focus()
             }
         }
     }
 </script>
diff --git a/src/resources/vue/Widgets/ListInput.vue b/src/resources/vue/Widgets/ListInput.vue
index 0c15618f..e16d55eb 100644
--- a/src/resources/vue/Widgets/ListInput.vue
+++ b/src/resources/vue/Widgets/ListInput.vue
@@ -1,75 +1,75 @@
 <template>
     <div class="list-input" :id="id">
         <div class="input-group">
             <input :id="id + '-input'" type="text" class="form-control main-input" @keydown="keyDown">
             <a href="#" class="btn btn-outline-secondary" @click.prevent="addItem">
                 <svg-icon icon="plus"></svg-icon>
                 <span class="visually-hidden">{{ $t('btn.add') }}</span>
             </a>
         </div>
         <div class="input-group" v-for="(item, index) in list" :key="index">
-            <input type="text" class="form-control" v-model="list[index]">
+            <input type="text" class="form-control" @input="$set(list, index, $event.target.value)" :value="item">
             <a href="#" class="btn btn-outline-secondary" @click.prevent="deleteItem(index)">
                 <svg-icon icon="trash-alt"></svg-icon>
                 <span class="visually-hidden">{{ $t('btn.delete') }}</span>
             </a>
         </div>
     </div>
 </template>
 
 <script>
     export default {
         props: {
             list: { type: Array, default: () => [] },
             id: { type: String, default: '' }
         },
         mounted() {
             this.input = $(this.$el).find('.main-input')[0]
 
             // On form submit add the text from main input to the list
             // Users tend to forget about pressing the "plus" button
             // Note: We can't use form.onsubmit (too late)
             // Note: Use of input.onblur has been proven to be problematic
             // TODO: What with forms that have no submit button?
             $(this.$el).closest('form').find('button[type=submit]').on('click', () => {
                 this.addItem(false)
             })
         },
         methods: {
             addItem(focus) {
                 let value = this.input.value
 
                 if (value) {
                     this.$set(this.list, this.list.length, value)
 
                     this.input.value = ''
                     this.input.classList.remove('is-invalid')
 
                     if (focus !== false) {
                         this.input.focus()
                     }
 
                     if (this.list.length == 1) {
                         this.$el.classList.remove('is-invalid')
                     }
 
                     this.$emit('change', this.$el)
                 }
             },
             deleteItem(index) {
                 this.$delete(this.list, index)
                 this.$emit('change', this.$el)
 
                 if (!this.list.length) {
                     this.$el.classList.remove('is-invalid')
                 }
             },
             keyDown(e) {
                 if (e.which == 13 && e.target.value) {
                     this.addItem()
                     e.preventDefault()
                 }
             }
         }
     }
 </script>