I thought I had logged this before but was unable to find it - possibly it was the same issue for a different component. Apologize if this is a duplicate.
When explicitly calling “render” on a queue, an additional header section is displayed instead of fully “re-displaying” the entire queue. For example, if you call render 5 times on a queue, you will see 6 header sections.
Note - This stems from https://community.skuid.com/t/queue-component-title-search-labels-template-string-not-cha….
Steps to reproduce:
- Create page using XML below
- Preview page
- Click “Force Queue Render” button
Expected Result
Queue displays completely re-rendered with 1 header section
Actual Result
Queue displays with a 2nd header section
Sample Page XML
<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true"> <models>
<model id="Opportunity" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Opportunity">
<fields>
<field id="Name"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<buttonset model="Opportunity" uniqueid="sk-25Keii-196">
<buttons>
<button type="multi" label="Force Queue Render">
<actions>
<action type="custom" snippet="renderQueue"/>
</actions>
</button>
</buttons>
</buttonset>
<queue model="Opportunity" tagrendertype="template" searchbox="true" tokenizesearch="true" showsearchbydefault="true" uniqueid="oppQueue" searchmethod="server" searchplaceholdertext="Search Opportunities" emptysearchbehavior="query" title="Opportunity Queue">
<rendertemplate>{{Name}}</rendertemplate>
<interactions>
<interaction type="tap">
<action type="abandonRows" querystring="id={{Id}}" model="Opportunity" affectedrows="context"/>
<action type="custom" snippet="updateOpportunityTracker"/>
</interaction>
</interactions>
<searchfields/>
</queue>
</components>
<resources>
<labels/>
<javascript>
<jsitem location="inlinesnippet" name="renderQueue" cachelocation="false">var params = argumentsm0],
$ = skuid.$;
skuid.$C('oppQueue').render();</jsitem>
</javascript>
<css/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>