Editor readonly mode not working

[HDShabe]

• BalmUI version: 10.21.2

Hi @elf-mouse ,

I've got an editor that i'm using but it doesn't seem to be going into readonly mode properly.

     <ui-editor v-model="viewModel.description"
                               placeholder="Description"
                               :readonly="fieldsLockedInEditMode"></ui-editor>

  computed: {
            fieldsLockedInEditMode() {
                return !this.editMode;
            }
        },

I can see in Vue dev tools it's setting the property fine, but UI still allows for edit.

[elf-mouse]

This bug has been fixed in the new version. Thanks.

[HDShabe]

Hi @elf-mouse
I've updated to 10.22.0 but i'm still seeing the same behaviour, looking at your commit I don't think there's anything that I needed to change on my end?

[elf-mouse]

Hi @HDShabe , The readonly watch bug has been fixed. You can reinstall and try it again.

Thank you very much~

[HDShabe]

Looks much better, thanks again!

[HDShabe]

Hi @elf-mouse

I've spotted something else. When I have the editor not rendered in a v-if and then change the state to render it, I'm getting a case where both the bound data and the placeholder are displaying at the same time.

if I toggle readonly off then the placeholder disappears, from which point it seems to work as expected both in readonly and normal mode.

Cheers

[HDShabe]

Looking into this a little more, it only seems to happen when I have my ui-editor bound to a nested viewmodel on the data of the component, though i'm now seeing errors like this one after removing the viewmodel and binding ui-editor directly to the data object:

I haven't got any conditional rendering other than the element sliding into the page with a CSS keyframe animation

[elf-mouse]

Hi @HDShabe , the placeholder bug has been fixed in new version. You can try it again. Thank you very much~