Error: forced reflow while executing javascript (10.0.5)

Questions
1

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>
            <field id="Site __r.Opportunity__ r.Name"></field>
            <field id="Expected_Delivery_Date __c"></field>
            <field id="Requested_delivery_date__ c"></field>
            <field id="Owner __c"></field>
            <field id="Owner__ r.Name"></field>
            <field id="Name"></field>
            <field id="Stage __c"></field>
            <field id="Site__ r.Delivery_Country_Region __c"></field>
            <field id="Id"></field>
            <field id="LastModifiedDate"></field>
            <field id="Site__ r.Id"></field>
            <field id="Site __c"></field>
            <field id="Site__ r.Name"></field>
            <field id="Site __r.End_Customer__ c"></field>
            <field id="Site __r.End_Customer__ r.Name"></field>
            <field id="EDD_Confirmed __c"></field>
            <field id="TDD_End__ c"></field>
            <field id="DaysInTest __c"></field>
            <field id="DateOfOrderTestTurnUp__ c"></field>
        </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>
            <condition type="multiple" value="" field="Stage__ c" operator="in" state="" enclosevalueinquotes="true">
                <values>
                    <value>Order test and Turn up</value>
                </values>
            </condition>
        </conditions>
        <actions></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>
            <field id="NTE __c"></field>
            <field id="NewNTE__ c"></field>
            <field id="NewNTEDetails __c"></field>
            <field id="NewNTEInfo__ c"></field>
            <field id="Name"></field>
        </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>
            <condition type="blank" value="null" field="NewNTE __c" operator="!=" enclosevalueinquotes="false"></condition>
            <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>
            <condition type="fieldvalue" field="Expected_Delivery_Date __c" operator="lte" inactive="true" enclosevalueinquotes="false" name="__ autofilter __end__ Expected_Delivery_Date __c" state="filterableoff" value=""></condition>
        </conditions>
        <actions></actions>
        <groupby method="simple"></groupby>
    </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>
            <field id="NewSubnet__ c"></field>
            <field id="NewSubnetInfo __c"></field>
            <field id="Public_Subnet_On_LAN__ c"></field>
            <field id="Name"></field>
        </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>
            <condition type="blank" value="null" field="NewSubnet __c" operator="!=" enclosevalueinquotes="false"></condition>
            <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>
            <condition type="fieldvalue" field="Expected_Delivery_Date __c" operator="lte" inactive="true" enclosevalueinquotes="false" name="__ autofilter __end__ Expected_Delivery_Date __c" state="filterableoff" value=""></condition>
        </conditions>
        <actions></actions>
        <groupby method="simple"></groupby>
    </model>
    <model id="Regions" limit="" query="true" createrowifnonefound="false" sobject="Country_Region__ c" doclone="" type="" datasource="salesforce">
        <fields>
            <field id="Id"></field>
            <field id="Name"></field>
        </fields>
        <conditions></conditions>
        <actions></actions>
    </model>
    <model id="OSI2" limit="20" query="true" createrowifnonefound="false" sobject="Opportunity_Sales_Item __c" doclone="" type="aggregate" datasource="salesforce">
        <fields></fields>
        <conditions>
            <condition type="fieldvalue" value="true" field="isOIP__ c" operator="=" enclosevalueinquotes="false"></condition>
        </conditions>
        <actions></actions>
        <groupby method="simple">
            <field id="Site __r.Delivery_Country__ r.Country_Region__r.Name" name="region"></field>
        </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></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 valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-216"></field>
                            <field id="Site __r.Opportunity__ c" allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-217"></field>
                            <field id="Site __r.End_Customer__ c" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-218"></field>
                            <field id="Requested_delivery_date __c" readonly allowordering="true" valuehalign="" type="" uniqueid="fi-2AYJ8h-219">
                                <label>RDD</label>
                            </field>
                            <field id="Expected_Delivery_Date__ c" readonly 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>
                            <field id="DateOfOrderTestTurnUp__ c" valuehalign="" type="" allowordering="true" uniqueid="fi-2AYJ8h-222"></field>
                            <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 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></components>
                                </drawer>
                                <renderconditions logictype="and">
                                    <rendercondition type="fieldvalue" operator="=" enclosevalueinquotes="true" fieldmodel="OSI" sourcetype="userinfo" sourceuserinfotype="profilename" value="System Administrator"></rendercondition>
                                </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></components>
                                </drawer>
                            </action>
                        </rowactions>
                        <massactions usefirstitemasdefault="true"></massactions>
                        <views>
                            <view type="standard"></view>
                        </views>
                        <searchfields></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"></filter>
                        </filters>
                        <renderconditions logictype="and"></renderconditions>
                        <actions defaultlabel="Global Actions" defaulticon="sk-icon-magic" usefirstitemasdefault="true"></actions>
                    </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></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>
                            <field id="NTE__c" hideable="true" uniqueid="fi-2AaMbq-483"></field>
                            <field id="NTE_Details __c" hideable="true" uniqueid="fi-2AaMbr-484"></field>
                            <field id="NewNTE__ c" hideable="true" uniqueid="fi-2AaMbr-485"></field>
                            <field id="NewNTEDetails __c" hideable="true" uniqueid="fi-2AaMbr-486"></field>
                            <field id="NewNTEInfo__ c" hideable="true" uniqueid="fi-2AaMbr-487"></field>
                        </fields>
                        <rowactions>
                            <action type="redirect" label="See all information" icon="fa-info-circle" window="blank" url="/{{Id}}?nooverride=1"></action>
                            <action type="redirect" label="More info" icon="sk-icon-attachment-view" window="self" url="/{{Id}}"></action>
                        </rowactions>
                        <massactions usefirstitemasdefault="true"></massactions>
                        <views>
                            <view type="standard"></view>
                        </views>
                        <searchfields></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"></filter>
                        </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></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>
                            <field id="NewSubnet__c" hideable="true" uniqueid="fi-2Aj7mj-957"></field>
                            <field id="NewSubnetInfo __c" hideable="true" uniqueid="fi-2Aj7mj-958"></field>
                            <field id="Public_Subnet_On_LAN__ c" hideable="true" uniqueid="fi-2Aj7mj-959"></field>
                        </fields>
                        <rowactions>
                            <action type="redirect" label="See all information" icon="fa-info-circle" window="blank" url="/{{Id}}?nooverride=1"></action>
                            <action type="redirect" label="More info" icon="sk-icon-attachment-view" window="self" url="/{{Id}}"></action>
                        </rowactions>
                        <massactions usefirstitemasdefault="true"></massactions>
                        <views>
                            <view type="standard"></view>
                        </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">
                &amp;n</source></sources></filter></filters></skootable></components></tab></tabs></tabset></components></skuidpage>
2

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.

3

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!