The preview does not match the options.

Question

The preview does not match the options.

rodrigoGA opened this issue 4 years ago · 3 comments

I have found several bugs when editing a form.

1- open the sample application https://draggable.github.io/formeo/
2- create a Radio Group
3- change the name of some option, for example "Radio 2" to "new radio 2"
4- press the edit button radio Group / options
BUG: The preview does not match the options.
5- remove option 1 and remove option 3
6- create 2 new options
7- press edit button.
BUG The preview does not match the options.

The fields that have options have the same bug

Answer 1 · 2021-04-20T17:15:19.000Z

Can you try clicking into the settings for each of the radio or checkbox options, rather than typing the value directly into label? This is the workaround we have had to use to deal with this bug.

Answer 2 · 2021-04-20T17:56:14.000Z

I understand, but it is still a bug.
Maybe it would be better if editing is disabled in the preview to avoid problems.

Answer 3 · 2021-04-20T20:25:07.000Z

I agree. The contenteditable=true attribute is driving this. We added CSS to make the controls look non-editable. Suboptimal, of course, but it doesn't invite the user to find the bug. CSS: .formeo.formeo-editor .f-radio [contenteditable]:after, .formeo.formeo-editor .f-checkbox [contenteditable]:after { border-bottom: none; }

…

On Tue, Apr 20, 2021 at 10:56 AM Rodrigo ***@***.***> wrote: I understand, but it is still a bug. Maybe it would be better if editing is disabled in the preview to avoid problems. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#306 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFN6MWWXM3K675UXRXYM5M3TJW547ANCNFSM4XXFJ3YQ> .