Can't modify form element in table (forms plugin)

[chan15]

Type of report

Bug

Expected result

Elements could be modified everywhere.

Actual result

You can't even click the element in the table.

Other details

• Browser: Chrome: 93.0.4577.63, Microsoft Edge: 93.0.961.38
• OS: Windows 10
• CKEditor version: 4.16.2
• Installed CKEditor plugins: forms 4.16.2

[sculpt0r]

Hi @chan15 I can't reproduce this issue with such a lack of information. I tried putting the form inside the table and it is editable by double click or right mouse button click and Form properties option.

Could you provide sample code with one of those:

• CodePen: https://codepen.io/Comandeer/pen/ExaMgpz?editors=1010
• JSFiddle: https://jsfiddle.net/Comandeer/d6ey8a2w
• JSBin: https://jsbin.com/keqekef/1/edit?html,js,output
• StackBlitz: https://stackblitz.com/edit/js-vcqfw3

[chan15]

Hi @chan15 I can't reproduce this issue with such a lack of information. I tried putting the form inside the table and it is editable by double click or right mouse button click and Form properties option.

Could you provide sample code with one of those:

• CodePen: https://codepen.io/Comandeer/pen/ExaMgpz?editors=1010
• JSFiddle: https://jsfiddle.net/Comandeer/d6ey8a2w
• JSBin: https://jsbin.com/keqekef/1/edit?html,js,output
• StackBlitz: https://stackblitz.com/edit/js-vcqfw3

https://www.awesomescreenshot.com/video/5145156?key=fa55f0c3ba333b85edcf30253d28af6e

I record it, thanks for your help :)

[Comandeer]

It is possible to select the element by keyboard. Put cursor after the form element and press Shift+Left arrow. Then by clicking input button in the toolbar, the correct dialog opens. The same is true for right clicking and selecting "Text Field Properties" option.

However I can confirm that the double click does not work correctly and it seems that it's somehow connected with tableselection plugin, because it works after disabling that plugin.

See also similar issue: #4316.

[chan15]

It is possible to select the element by keyboard. Put cursor after the form element and press Shift+Left arrow. Then by clicking input button in the toolbar, the correct dialog opens. The same is true for right clicking and selecting "Text Field Properties" option.

However I can confirm that the double click does not work correctly and it seems that it's somehow connected with tableselection plugin, because it works after disabling that plugin.

See also similar issue: #4316.

Well, I think right-click to select the form element is fine, but still hope it can be fixed, thanks for your kindly help