Double UIDL POST on widget update in a Form

I have a CKEditor instance running as a widget something like TextField.

When the editor is put in simple VerticalPanel in the main window, updating it and pressing a button causes only one UIDL POST to take place. But when I place that same editor into a Form that’s in a popup Window, it does TWO UIDL POSTs.

The two posts also cause the editor to flash, and when you look at the UIDL, it has all of my initialization type data also being sent back. Why would it do that?

Example when only ONE UIDL POST takes place:
74718be0-afa0-4baa-88fd-891aee73df45492PID0heighti923PID0widthi

Thanks TinyMCEEditor for getting us started on the CKEditor integration.

Like TinyMCEEditor said, "Vaadin rocks!"

And CKEditor is no slouch either.

PID3textstruePID2stateb

RESPONSE:
for(;;);[{“changes”:[[“change”,{“format”: “uidl”,“pid”: “PID0”},[“0”,{“id”: “PID0”,“height”: “492px”,“width”: “923px”,“caption”: “Vaadin CKEditor Application”,“name”: “1”,“theme”: “ckexample”,“resizable”:true,“main”:true,“layoutRelativeWidth”:true,“v”:{“scrollLeft”:0,“scrollTop”:0,“positionx”:-1,“positiony”:-1,“close”:false}},[“1”,{“id”: “PID1”,“cached”:true}]
,[“notifications”,{},[“notification”,{“caption”: “CKEditor #1 contents: <p>Thanks TinyMCEEditor for getting us started on the CKEditor <strong>integration</strong>.</p>\n<h1>Like TinyMCEEditor said, "Vaadin rocks!"</h1>\n<h1>And CKEditor is no slouch either.</h1>”,“position”:1,“delay”:0}]
]]]], “meta” : {}, “resources” : {}, “locales”:}]

This is what I get in the other situation:

POST1:
16655ef3-a86f-40b5-9077-46865f253abf

Welcome to Open eSignForms 9. What if I put even more text like this will it then go wider?

On the left side are the actions you are authorized to perform.

To secure your account, please click the logoff button in the upper right corner when you are done.

RESPONSE1:
for(;;);[{“changes”:[[“change”,{“format”: “uidl”,“pid”: “PID13”},[“4”,{“id”: “PID13”,“style”: “padLeft5p”},“23:15:40 UTC”]
],[“change”,{“format”: “uidl”,“pid”: “PID37”},[“11”,{“id”: “PID37”,“width”: “100.0%”,“style”: “welcomeMessageForm”,“immediate”:true,“modified”:true},[“1”,{“id”: “PID38”,“cached”:true}]
,[“2”,{“id”: “PID40”,“cached”:true}]
]]], “meta” : {}, “resources” : {}, “locales”:}]

POST2:
16655ef3-a86f-40b5-9077-46865f253abftruePID41stateb

RESPONSE2:
for(;;);[{“changes”:[[“change”,{“format”: “uidl”,“pid”: “PID0”},[“0”,{“id”: “PID0”,“height”: “573px”,“width”: “1162px”,“style”: “mainWindow”,“caption”: “Open eSignForms - Deployment properties”,“name”: “main”,“theme”: “esf”,“resizable”:true,“main”:true,“layoutRelativeHeight”:true,“layoutRelativeWidth”:true,“v”:{“scrollLeft”:0,“scrollTop”:0,“positionx”:-1,“positiony”:-1,“close”:false}},[“1”,{“id”: “PID1”,“cached”:true}]
,[“0”,{“id”: “PID34”,“cached”:true}]
,[“notifications”,{},[“notification”,{“message”: “Updated DeploymentProperties successfully.”,“position”:7,“delay”:3000,“style”: “tray”}]
]]],[“change”,{“format”: “uidl”,“pid”: “PID13”},[“4”,{“id”: “PID13”,“style”: “padLeft5p”},“23:15:40 UTC”]
],[“change”,{“format”: “uidl”,“pid”: “PID39”},[“14”,{“id”: “PID39”,“height”: “300px”,“width”: “100.0%”,“immediate”:true,“caption”: “Welcome message”,“description”: “The initial message shown to users when they login.”,“inPageConfig”: “{ toolbar : ‘ESF_custom’,toolbar_ESF_custom : [[‘Styles’,‘Format’,‘Bold’,‘Italic’,‘Underline’,‘TextColor’,‘BGColor’,‘-’,‘Font’,‘FontSize’,‘-’,‘JustifyLeft’,‘JustifyCenter’,‘JustifyRight’,‘JustifyBlock’]
,‘/’,[‘Cut’,‘Copy’,‘Paste’,‘PasteText’,‘PasteFromWord’,‘-’,‘Undo’,‘Redo’,‘-’,‘NumberedList’,‘BulletedList’,‘-’,‘Outdent’,‘Indent’,‘-’,‘Table’,‘HorizontalRule’,‘-’,‘Image’,‘Link’,‘-’,‘Source’,‘ShowBlocks’]
] }”,“writerRules.tagName0”: “li”,“writerRules.jsRule0”: “{indent : true, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName1”: “p”,“writerRules.jsRule1”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName2”: “h5”,“writerRules.jsRule2”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName3”: “h4”,“writerRules.jsRule3”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName4”: “h6”,“writerRules.jsRule4”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName5”: “h1”,“writerRules.jsRule5”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName6”: “h3”,“writerRules.jsRule6”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“writerRules.tagName7”: “h2”,“writerRules.jsRule7”: “{indent : false, breakBeforeOpen : true, breakAfterOpen : false, breakBeforeClose : false, breakAfterClose : true}”,“v”:{“text”:“

<span style="font-family: courier new,courier,monospace;">Welcome </span>to <span style="color: rgb(255, 140, 0);">Open </span><span style="font-family: comic sans ms,cursive;">eSignForms </span>9. What if I put even more text like this will it then go wider?</h1>\n

On </em>the left <span style="background-color: rgb(64, 224, 208);">side </span>are the actions </strong>you are <span style="color: rgb(0, 0, 255);">authorized </span>to <span style="background-color: rgb(0, 100, 0);">perform</span>.</p>\n<p style="text-align: right;">To secure your account, please </ins>click the logoff button in the upper <span style="font-family: lucida sans unicode,lucida grande,sans-serif;">right </span></em>corner when you are done.</p>\n

<span style="background-color: rgb(255, 0, 0);">Is that pretty slick or what?</span></strong></em></p>\n

<span style="background-color: rgb(0, 0, 255);">What about now?</span></strong></em></p>\n

    \n\t
  1. <span style="background-color: rgb(0, 0, 255);">This should not have background.</span></li>\n\t
  2. OY!</li>\n</ol>\n

    <br />\nAnd what do I have here?</p>”}}]]], “meta” : {}, “resources” : {}, “locales”:}]