Error: forced reflow while executing javascript (10.0.5)

  • 1
  • Problem
  • Updated 1 year ago
  • In Progress
HI,

I have a really simple page:
  • 5 models (2 used for filters) with low amount of fields (20 , 6 and 5) and 2-4 conditions
  • 1 tabset with 3 tabs
  • 3 tables (one on each tab) showing the info of the 3 models
  • no custom css
  • no custom Javascript
For me it works instantly, for some of my users, sometimes it takes ages and ends with a javascript error: 




This is the page:
<skuidpage unsavedchangeswarning="yes" showsidebar="true" showheader="true" tabtooverride="Activations" personalizationmode="server" theme="Modern">
    <models>
        <model id="OSI" limit="" query="true" createrowifnonefound="false" sobject="Opportunity_Sales_Item__c" doclone="" type="" orderby="Order_ID_show__c ASC" datasource="salesforce">
            <fields>
                <field id="Site__r.Opportunity__c"/>
                <field id="Site__r.Opportunity__r.Name"/>
                <field id="Expected_Delivery_Date__c"/>
                <field id="Requested_delivery_date__c"/>
                <field id="Owner__c"/>
                <field id="Owner__r.Name"/>
                <field id="Name"/>
                <field id="Stage__c"/>
                <field id="Site__r.Delivery_Country_Region__c"/>
                <field id="Id"/>
                <field id="LastModifiedDate"/>
                <field id="Site__r.Id"/>
                <field id="Site__c"/>
                <field id="Site__r.Name"/>
                <field id="Site__r.End_Customer__c"/>
                <field id="Site__r.End_Customer__r.Name"/>
                <field id="EDD_Confirmed__c"/>
                <field id="TDD_End__c"/>
                <field id="DaysInTest__c"/>
                <field id="DateOfOrderTestTurnUp__c"/>
            </fields>
            <conditions logic="">
                <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Site__r.Delivery_Country__r.Country_Region__r.Name" state="filterableoff" inactive="true" name="Site__r.Delivery_Country_Region__c"/>
                <condition type="multiple" value="" field="Stage__c" operator="in" state="" enclosevalueinquotes="true">
                    <values>
                        <value>Order test and Turn up</value>
                    </values>
                </condition>
            </conditions>
            <actions/>
        </model>
        <model id="OsiNTE" limit="" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Opportunity_Sales_Item__c">
            <fields>
                <field id="Expected_Delivery_Date__c"/>
                <field id="NTE__c"/>
                <field id="NewNTE__c"/>
                <field id="NewNTEDetails__c"/>
                <field id="NewNTEInfo__c"/>
                <field id="Name"/>
            </fields>
            <conditions>
                <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Site__r.Delivery_Country_Region__c" state="filterableoff" inactive="true" name="Site__r.Delivery_Country_Region__c"/>
                <condition type="blank" value="null" field="NewNTE__c" operator="!=" enclosevalueinquotes="false"/>
                <condition type="fieldvalue" field="Expected_Delivery_Date__c" operator="gte" inactive="true" enclosevalueinquotes="false" name="__autofilter__start__Expected_Delivery_Date__c" state="filterableoff" value=""/>
                <condition type="fieldvalue" field="Expected_Delivery_Date__c" operator="lte" inactive="true" enclosevalueinquotes="false" name="__autofilter__end__Expected_Delivery_Date__c" state="filterableoff" value=""/>
            </conditions>
            <actions/>
            <groupby method="simple"/>
        </model>
        <model id="OsiSubnet" limit="" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Opportunity_Sales_Item__c">
            <fields>
                <field id="Expected_Delivery_Date__c"/>
                <field id="NewSubnet__c"/>
                <field id="NewSubnetInfo__c"/>
                <field id="Public_Subnet_On_LAN__c"/>
                <field id="Name"/>
            </fields>
            <conditions>
                <condition type="fieldvalue" value="" enclosevalueinquotes="true" field="Site__r.Delivery_Country_Region__c" state="filterableoff" inactive="true" name="Site__r.Delivery_Country_Region__c"/>
                <condition type="blank" value="null" field="NewSubnet__c" operator="!=" enclosevalueinquotes="false"/>
                <condition type="fieldvalue" field="Expected_Delivery_Date__c" operator="gte" inactive="true" enclosevalueinquotes="false" name="__autofilter__start__Expected_Delivery_Date__c" state="filterableoff" value=""/>
                <condition type="fieldvalue" field="Expected_Delivery_Date__c" operator="lte" inactive="true" enclosevalueinquotes="false" name="__autofilter__end__Expected_Delivery_Date__c" state="filterableoff" value=""/>
            </conditions>
            <actions/>
            <groupby method="simple"/>
        </model>
        <model id="Regions" limit="" query="true" createrowifnonefound="false" sobject="Country_Region__c" doclone="" type="" datasource="salesforce">
            <fields>
                <field id="Id"/>
                <field id="Name"/>
            </fields>
            <conditions/>
            <actions/>
        </model>
        <model id="OSI2" limit="20" query="true" createrowifnonefound="false" sobject="Opportunity_Sales_Item__c" doclone="" type="aggregate" datasource="salesforce">
            <fields/>
            <conditions>
                <condition type="fieldvalue" value="true" field="isOIP__c" operator="=" enclosevalueinquotes="false"/>
            </conditions>
            <actions/>
            <groupby method="simple">
                <field id="Site__r.Delivery_Country__r.Country_Region__r.Name" name="region"/>
            </groupby>
        </model>
    </models>
    <components>
        <tabset rememberlastusertab="true" defertabrendering="true" uniqueid="sk-2AYP4Y-239" renderas="">
            <tabs>
                <tab name="Activations ({{$Model.OSI.data.length}})">
                    <components>
                        <pagetitle model="OSI" uniqueid="sk-1UyHOZ-85">
                            <actions/>
                            <maintitle>Orders pending activation</maintitle>
                        </pagetitle>
                        <skootable showconditions="true" showsavecancel="false" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="all" createrecords="false" model="OSI" buttonposition="left" mode="readonly" searchplaceholdertext="Search Orders" emptysearchbehavior="query" allowscrollbars="true" tablescrollheight="500px" floatheader="true" freezeleftcolumns="false" columnstofreeze="" uniqueid="sk-1UyHOZ-88">
                            <fields>
                                <field id="Name" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-215">
                                    <label>Order</label>
                                </field>
                                <field id="Stage__c" readonly="false" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-216"/>
                                <field id="Site__r.Opportunity__c" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-217"/>
                                <field id="Site__r.End_Customer__c" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-218"/>
                                <field id="Requested_delivery_date__c" readonly="false" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-219">
                                    <label>RDD</label>
                                </field>
                                <field id="Expected_Delivery_Date__c" readonly="false" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-220">
                                    <label>EDD</label>
                                </field>
                                <field id="TDD_End__c" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-221"/>
                                <field id="DateOfOrderTestTurnUp__c" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-222"/>
                                <field id="DaysInTest__c" decimalplaces="" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-223">
                                    <label>Days in Test &amp; Turn up</label>
                                </field>
                                <field id="Site__r.Delivery_Country_Region__c" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-225">
                                    <label>Country Region</label>
                                </field>
                                <field id="Owner__c" readonly="true" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-226">
                                    <label>Order Manager</label>
                                </field>
                            </fields>
                            <rowactions>
                                <action type="redirect" label="See all information" icon="fa-info-circle" snippet="setView" window="blank" url="/{{Id}}?nooverride=1">
                                    <drawer title="Drawer Area" width="800" closehandle="true">
                                        <components/>
                                    </drawer>
                                    <renderconditions logictype="and">
                                        <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="OSI" sourcetype="userinfo" sourceuserinfotype="profilename" value="System Administrator"/>
                                    </renderconditions>
                                </action>
                                <action type="redirect" label="More Info" url="/{{Id}}" icon="sk-icon-attachment-view" window="self">
                                    <drawer title="Drawer Area" width="800" closehandle="true">
                                        <components/>
                                    </drawer>
                                </action>
                            </rowactions>
                            <massactions usefirstitemasdefault="true"/>
                            <views>
                                <view type="standard"/>
                            </views>
                            <searchfields/>
                            <filters>
                                <filter type="select" filteroffoptionlabel="All Regions" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" condition="Site__r.Delivery_Country_Region__c" conditionsource="manual" labelmode="no">
                                    <sources>
                                        <source type="model" effectsbehavior="justdefault" model="OSI2">
                                            <labeltemplate>{{{region}}}</labeltemplate>
                                            <valuetemplate>{{{region}}}</valuetemplate>
                                        </source>
                                    </sources>
                                </filter>
                                <filter type="daterange" filteroffoptionlabel="New Filter" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="auto" conditionfield="Expected_Delivery_Date__c" labelmode="auto"/>
                            </filters>
                            <renderconditions logictype="and"/>
                            <actions defaultlabel="Global Actions" defaulticon="sk-icon-magic" usefirstitemasdefault="true"/>
                        </skootable>
                    </components>
                </tab>
                <tab name="New NTE ({{$Model.OsiNTE.data.length}})" loadlazypanels="true">
                    <components>
                        <pagetitle model="OsiNTE" uniqueid="sk-2AYdLq-280">
                            <maintitle>Orders with new NTE</maintitle>
                            <actions/>
                        </pagetitle>
                        <skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="false" model="OsiNTE" buttonposition="left" mode="readonly" allowcolumnreordering="true" uniqueid="sk-2AYalg-266" emptysearchbehavior="query">
                            <fields>
                                <field id="Name" hideable="true" uniqueid="fi-2AjF_q-980" valuehalign="" type=""/>
                                <field id="NTE__c" hideable="true" uniqueid="fi-2AaMbq-483"/>
                                <field id="NTE_Details__c" hideable="true" uniqueid="fi-2AaMbr-484"/>
                                <field id="NewNTE__c" hideable="true" uniqueid="fi-2AaMbr-485"/>
                                <field id="NewNTEDetails__c" hideable="true" uniqueid="fi-2AaMbr-486"/>
                                <field id="NewNTEInfo__c" hideable="true" uniqueid="fi-2AaMbr-487"/>
                            </fields>
                            <rowactions>
                                <action type="redirect" label="See all information" icon="fa-info-circle" window="blank" url="/{{Id}}?nooverride=1"/>
                                <action type="redirect" label="More info" icon="sk-icon-attachment-view" window="self" url="/{{Id}}"/>
                            </rowactions>
                            <massactions usefirstitemasdefault="true"/>
                            <views>
                                <view type="standard"/>
                            </views>
                            <searchfields/>
                            <filters>
                                <filter type="select" filteroffoptionlabel="All Regions" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="manual" labelmode="no" condition="Site__r.Delivery_Country_Region__c">
                                    <sources>
                                        <source type="model" effectsbehavior="justdefault" model="OSI2">
                                            <labeltemplate>{{{region}}}</labeltemplate>
                                            <valuetemplate>{{{region}}}</valuetemplate>
                                        </source>
                                    </sources>
                                </filter>
                                <filter type="daterange" filteroffoptionlabel="New Filter" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="auto" labelmode="manual" label="Expected Delivery Date" conditionfield="Expected_Delivery_Date__c"/>
                            </filters>
                        </skootable>
                    </components>
                </tab>
                <tab name="New Subnet ({{$Model.OsiSubnet.data.length}})" loadlazypanels="true">
                    <components>
                        <pagetitle model="OSI2" uniqueid="sk-2AYdxp-283">
                            <maintitle>Orders with new subnet</maintitle>
                            <actions/>
                        </pagetitle>
                        <skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="false" model="OsiSubnet" buttonposition="left" mode="readonly" allowcolumnreordering="true" uniqueid="sk-2AYbTr-273">
                            <fields>
                                <field id="Name" hideable="true" uniqueid="fi-2AjJEq-999" valuehalign="" type=""/>
                                <field id="NewSubnet__c" hideable="true" uniqueid="fi-2Aj7mj-957"/>
                                <field id="NewSubnetInfo__c" hideable="true" uniqueid="fi-2Aj7mj-958"/>
                                <field id="Public_Subnet_On_LAN__c" hideable="true" uniqueid="fi-2Aj7mj-959"/>
                            </fields>
                            <rowactions>
                                <action type="redirect" label="See all information" icon="fa-info-circle" window="blank" url="/{{Id}}?nooverride=1"/>
                                <action type="redirect" label="More info" icon="sk-icon-attachment-view" window="self" url="/{{Id}}"/>
                            </rowactions>
                            <massactions usefirstitemasdefault="true"/>
                            <views>
                                <view type="standard"/>
                            </views>
                            <filters>
                                <filter type="select" filteroffoptionlabel="All Regions" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="manual" labelmode="no" condition="Site__r.Delivery_Country_Region__c">
                                    <sources>
                                        <source type="model" effectsbehavior="justdefault" model="OSI2">
                                            <labeltemplate>{{{region}}}</labeltemplate>
                                            <valuetemplate>{{{region}}}</valuetemplate>
                                        </source>
                                    </sources>
                                </filter>
                                <filter type="daterange" filteroffoptionlabel="New Filter" createfilteroffoption="true" affectcookies="true" autocompthreshold="25" conditionsource="auto" labelmode="auto" conditionfield="Expected_Delivery_Date__c"/>
                            </filters>
                        </skootable>
                    </components>
                </tab>
            </tabs>
        </tabset>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>

Do you see anything that I'm missing?
Photo of Pablo Martinez

Pablo Martinez

  • 2,468 Points 2k badge 2x thumb

Posted 1 year ago

  • 1
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Intermittency is frustrating. I'm sorry you're experiencing this.

When I copy and paste your XML and run the page, I do not see the error. However, I also don't have any of the custom objects on mine that you have.

You're saying that some run into the error but others don't. The investigation should primarily be targeted towards finding out the difference between those that have it working and those who are struggling. Common culprits:
Permissions
Browser
Operating System
Plugins

I'd check these four first.
Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Pablo,
To add onto Stephen's comment and ask more specific questions:
  • Are you in Classic Salesforce or Lightning?
  • What version of Skuid are you on?
  • Is this a new issue with this page (and the page used to work), or is this a new page in development that has always experienced this problem?
  • If it's a new issue (the page used to work), has anything in your org changed recently, such as your Skuid version?
I agree with Stephen's common culprits and think it might be an issue with permissions. To that end: 
  • Do all of the users experiencing the problem have the same profile?
  • Is it different from yours? If so what are some of the differences?
  • Do any of their permissions on objects or fields on this page differ from yours?
Thanks!