When a field editor is in ‘edit’ mode and contains an editable template field, “tabbing” in to the field results in having to dismiss the dialog (“done” or “X”) twice. What seems to be occurring is that two (2) dialogs are rendering since after dismissing the first, the 2nd one relocates to center of window.
On couple of related notes is that when the editor is in ‘edit’ mode, the template field gets the “mouse pointer” cursor indicating a single click will trigger an edit. However, it does not get the pencil icon. Also, something could be said that it should require a double-click to edit instead of single click since it really appears to be a “read with inline edit” field visually.
Steps to reproduce:
- Create new page using sample XML
- Preview any account
- Put focus on “Account Name” field
- Press tab key - This will popup the editor for Template Field
- Click “Done” or “X”
Actual Result
Dialog is redisplayed/repositioned
Expected Result
Dialog is dismissed
** Notes **
- I’m unable to repro the double dialog in Chrome but occurs every time in IE11. I have not tested other browsers other than those two.
- The pencil icon missing and single click trigger occur in Chrome & IE11.
- If before clicking “Done” you make a change to the account name inside of the popup, when clicking “done” the dialog is dismissed as expected. If you don’t change the field value, you get the 2nd popup.
Sample Page XML
<skuidpage unsavedchangeswarning="yes" tabtooverride="Account" showheader="true" showsidebar="true"> <models>
<model id="Account" sobject="Account" createrowifnonefound="false" query="true" limit="1">
<fields>
<field id="Name" />
<field id="CreatedDate" />
<field id="OwnerId" />
<field id="Owner.Name" />
<field id="Owner.Alias" />
</fields>
<conditions>
<condition type="param" value="id" enclosevalueinquotes="true" field="Id" operator="=" />
</conditions>
<actions />
</model>
</models>
<components>
<basicfieldeditor layout="" showheader="true" model="Account" mode="edit" showsavecancel="false" buttonposition="">
<columns>
<column width="100%">
<sections>
<section title="Basics" collapsible="no">
<fields>
<field type="" id="Name" valuehalign="" />
<field type="COMBO" valuehalign="" editmodebehavior="custompopup">
<label>Template Field</label>
<template>{{Name}}</template>
<editmodepopup title="Template Field" width="450">
<components>
<basicfieldeditor model="Account" mode="edit" showsavecancel="false">
<columns>
<column width="100%">
<sections>
<section title="">
<fields>
<field id="Name" />
</fields>
</section>
</sections>
</column>
</columns>
</basicfieldeditor>
</components>
</editmodepopup>
</field>
</fields>
</section>
</sections>
</column>
</columns>
</basicfieldeditor>
</components>
<resources>
<labels />
<css />
<javascript />
</resources>
</skuidpage>
