Table components with "Allow Scroll Bars" not showing any data until you click on stuff (Lightning 11.2.9)

  • 1
  • Problem
  • Updated 3 days ago
  • Acknowledged
^ as described above. This is quite a big one for us. Seems maybe to only affect new pages?

If there's a quick css fix we can add to the page could someone let us know?

Cheers!

Louis
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb

Posted 7 months ago

  • 1
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
This is what it looks like:


Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Did we not have a bunch of extra conversation on this thread? I wonder if maybe I'm just losing my mind.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Any ideas what's going on here? Not re. the losing of my mind but re. the losing of some of the posts on this page. I'm not sure if you saw my responses to your responses. I'm still having this issue even with the XML you provided to me (remove the table height property). Can someone please get back to me on this?
(Edited)
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Can someone from Skuid please help with this? It's getting quite urgent.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
It also seems to happen to the table component in Lightning when you click onto a record in that table and then click the back button in the browser - when you navigate back to the previous record all the rows are removed and only show up again when you click on something in the table component. Interestingly - in all these cases - opening the Chrome Developer Tools forces the rows to pop back in. Bizarre. Same in Firefox.
(Edited)
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
I haven't been able to reproduce this problem. Can you share your XML of the problem?
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hi Stephen, yes - absolutely. This XML is used in a fresh 11.2.9 install using the Skuid Lightning Component in a record detail page (custom object). Also about to provide login access. Thank you!

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true">
    <models>
        <model id="OppsModel" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Opportunity">
            <fields>
                <field id="AccountId"/>
                <field id="Account.Name"/>
                <field id="Amount"/>
                <field id="CloseDate"/>
                <field id="Description"/>
                <field id="Fiscal"/>
                <field id="Id"/>
                <field id="Type"/>
            </fields>
            <conditions/>
            <actions/>
        </model>
    </models>
    <components>
        <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="100" alwaysresetpagination="false" createrecords="true" model="OppsModel" buttonposition="" mode="read" allowcolumnreordering="true" responsive="true" uniqueid="sk-3izY-296" allowscrollbars="true" floatheader="true" freezeleftcolumns="true" columnstofreeze="1">
            <fields>
                <field id="AccountId" uniqueid="fi-3izY-297"/>
                <field id="Account.Name" uniqueid="fi-3izY-298"/>
                <field id="Amount" uniqueid="fi-3izY-299"/>
                <field id="CloseDate" uniqueid="fi-3izY-300"/>
                <field id="Description" uniqueid="fi-3izY-301"/>
                <field id="Fiscal" uniqueid="fi-3izY-303"/>
                <field id="Type" uniqueid="fi-3izY-305"/>
            </fields>
            <rowactions>
                <action type="edit"/>
                <action type="delete"/>
            </rowactions>
            <massactions usefirstitemasdefault="true">
                <action type="massupdate"/>
                <action type="massdelete"/>
            </massactions>
            <views>
                <view type="standard"/>
            </views>
            <searchfields/>
        </skootable>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
        <actionsequences uniqueid="sk-3izS-249"/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>

Photo of Jitendra

Jitendra

  • 62 Points
This actually works.
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
This is a known Skuid issue. We'll notify here when a fix goes live.

Allow Scroll Bars" on Tables in Lightning won't show the data in the table on page load unless "Max Table Height (Optional)" is set. And if it is set, it won't appear properly.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
My temporary fix for this is a "Skuid Page:Rendered" triggered snippet which waits for a second and then re-renders the table via component id:

setTimeout(function () {
    
    skuid.$C('sk-3cxp-3205').render();
}, 1000);
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Any updates on this? It's driving me round the bend.
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
It should be coming out in the next release or the one after that.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hello Stephen - being able to show a table on a Skuid page, to me, seems completely fundamental - can we please have a date by which this will be fixed?
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Looks like this was addressed in the latest release - will install and test and let you know if there any issues :)
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I'm afraid this fix hasn't worked - I still have exactly the same issue - could I get an update? Cheers! I've tried this after clearing all cookies etc. 
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
Have you tried in 11.2.11? That is suppose to have the fix
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Yeah, that's the release I'm testing. I saw it in the release notes but maybe the fix didn't make it in?
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
The fix made it in and the XML on this post is being used as the source of reproduction. I just tried the reproduction page and see that it is working in our org. We currently have no reproduction of this.

What Instance are you in? What browser and version? What kind of computer are you using? 
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hi Stephen,

I've done further testing and the issue is on Mac Chrome, Mac Firefox and Windows Edge - they're just the browsers I've tested - so it's not related to my setup.

We're seeing it in both Production and in a Dev Org.

Sometimes it now works if you visit a different skuid page first, but it's inconsistent.

I've granted login access (00D1t000000GWX9) - you can reproduce by going to the "Charity App" and then clicking the "Finance" tab (in Lighting obvs).


Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
I was able to login and see what you're seeing? Is this the only place you've seen this happen or are there other locations. Can you reproduce it using standard objects and fields? So far I can't replicate it outside your org
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
It's also taking happening on the Membership tab, Administration tab and also one of the record pages (Invoice, I think) - but some of them currently have the re-render fix deployed (see above). I've removed this from the Membership tab so you can take a look.

I've created a new Lightning App tab (Skuid Test) and put the above XML in and it's working fine. I then tried putting the Membership tab XML into the new page and it's working fine... But now the old Membership page is also working. Very strange. Feel free to play with the Skuid Test tab and NewSkuidTest page.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I also often see this behaviour when I click the back button in the browser - the table on the previous page is now empty.
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
If it happens with the back button, that highly indicates its a caching issue. Have you cleared your cache since upgrading? 
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Yep, so many times, and across many different computers and devices - sorry! I've also used fresh browsers not previously installed on one of these devices.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Here's another example but with a very simple Skuid page produced by hopping to a different browser tab whilst the page loads:

https://darlston.vids.io/videos/1c9ddeb31e16edca94/skuid-table-issue
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I can't reproduce the behaviour I'm seeing above when I turn off scroll-bars on the table.
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
I've been able to reproduce this issue in 11.2.11. We'll be working on it. Thank you again for posting this
Photo of Stephen Sells

Stephen Sells

  • 17,326 Points 10k badge 2x thumb
Doing a hard reset of the cache in Chrome via View > Developer > Developer Tools > Application > "Clear Site Data" makes this problem intermittent instead of every time. It will work about 60% of the time instead of 0% of the time. At least, this is what we are seeing
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Thanks Stephen, I'm glad you guys are seeing similar behaviour. It seems to be more likely to occur when larger volumes of data are being loaded into the page (though at volumes that wouldn't have been an issue in the past). It's like the rendering process on the table rows is waiting to be triggered only once the data has returned, but where this trips over for whatever reason (a bit more data or some other interruption) the trigger to display the rows never gets fired (or gets fired too soon?). It's a new problem, as we've been doing stuff in Lightning for some time and it's not been an issue before. I couldn't tell you which version introduced it though, maybe 11.2.9? But I really don't know.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
In Charity App -> Finance/Membership tabs in org id 00D1t000000GWX9 (you've got access) you can reproduce it pretty much every time. Especially if you refresh the page from those tabs.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hello! Can someone reach out to me on this please as I've just updated to the latest version of Skuid and I still have this issue on a very simple page.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I've granted login access (00D1w0000008acv) - head over to the Finance tab and you'll see the issue (in Lightning). I've tried in Incognito mode etc. and still the same thing:


Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
This is a new Skuid page running on 12.0.6
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Ah! I've cracked it! No idea why this might be but I've isolated the issue to a row action, and specifically a row action using the FontAwesome 4 icon set. e.g. set a row action like in the screenshot below and use "sk-webicon-font-awesome:external-link-square" as the icon. The whole table breaks! This has caused me hours of frustration :(

Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
So I assume there's a problem with how Skuid is accessing this particular icon set as part of the component render? It doesn't grab the resource in time and the table row rendering fails. Anyway - hopefully y'all can replicate.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Actually no! I still have this issue! Can someone from Skuid please set up a screen share so we can go through this.
Photo of Sean Dowd

Sean Dowd, Employee

  • 126 Points 100 badge 2x thumb
Hi Louis, 

Our Engineers are looking into this.  We will either reach out directly for additional information or update this post as more details become available.  Thank you!!

Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Thanks for this - another thing I’ve noticed, possibly related - if you refresh a page with a table (or open it for the first time) and then whilst the Skuid blue circle spins as the Skuid component loads navigate to a different browser tab - wait... - go back, no table rows. This is true for a very simple table and is easy to replicate.
(Edited)
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hello! I was wondering if there had been any updates on this?
Photo of Luzie Baumgart

Luzie Baumgart, Official Rep

  • 2,444 Points 2k badge 2x thumb
Louis, seems like I can't reproduce this in version 12.0.11, which version do you currently use?
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hi Luzie, I'm on 12.0.6 - I'll update and see if the issue continues and will report back.
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
Hi Luzie, yes, still occurring on 12.0.11. I've a call with Nate tomorrow so probably best if I just go through it then. Thank you!
(Edited)
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I'm trying it again now with just the simplest example. Try this in a lightning app builder App page - add the tab to an App:

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
<models>
<model id="Accounts" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account" limit="50">
<fields>
<field id="RecordTypeId"/>
<field id="Name"/>
<field id="Type"/>
<field id="BillingCity"/>
<field id="BillingState"/>
<field id="BillingCountry"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="all" alwaysresetpagination="false" createrecords="false" model="Accounts" buttonposition="" mode="readonly" allowcolumnreordering="true" responsive="true" uniqueid="sk-18nt-117" allowscrollbars="true">
<fields>
<field id="Name" hideable="true" uniqueid="fi-18o0-149"/>
<field id="Type" hideable="true" uniqueid="fi-18o0-150"/>
<field id="BillingCity" hideable="true" uniqueid="fi-18o0-153"/>
<field id="BillingState" hideable="true" uniqueid="fi-18o0-154"/>
<field id="BillingCountry" hideable="true" uniqueid="fi-18o0-155"/>
</fields>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-webicon-font-awesome:external-link-square"/>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
<resources>
<labels/>
<javascript/>
<css/>
<actionsequences uniqueid="sk-18np-110"/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>

Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I'm trying it again now with just the simplest example. Try this in a lightning app builder App page - add the tab to an App:

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true">
<models>
<model id="Accounts" query="true" createrowifnonefound="false" datasource="salesforce" sobject="Account" limit="50">
<fields>
<field id="RecordTypeId"/>
<field id="Name"/>
<field id="Type"/>
<field id="BillingCity"/>
<field id="BillingState"/>
<field id="BillingCountry"/>
</fields>
<conditions/>
<actions/>
</model>
</models>
<components>
<skootable showconditions="true" showsavecancel="false" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" hideheader="false" hidefooter="false" pagesize="all" alwaysresetpagination="false" createrecords="false" model="Accounts" buttonposition="" mode="readonly" allowcolumnreordering="true" responsive="true" uniqueid="sk-18nt-117" allowscrollbars="true">
<fields>
<field id="Name" hideable="true" uniqueid="fi-18o0-149"/>
<field id="Type" hideable="true" uniqueid="fi-18o0-150"/>
<field id="BillingCity" hideable="true" uniqueid="fi-18o0-153"/>
<field id="BillingState" hideable="true" uniqueid="fi-18o0-154"/>
<field id="BillingCountry" hideable="true" uniqueid="fi-18o0-155"/>
</fields>
<rowactions>
<action type="multi" label="Run multiple actions" icon="sk-webicon-font-awesome:external-link-square"/>
</rowactions>
<massactions usefirstitemasdefault="true"/>
<views>
<view type="standard"/>
</views>
</skootable>
</components>
<resources>
<labels/>
<javascript/>
<css/>
<actionsequences uniqueid="sk-18np-110"/>
</resources>
<styles>
<styleitem type="background" bgtype="none"/>
</styles>
</skuidpage>

Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I think this, however, might be due to the FontAwesome 4 icon set issue I highlighted a month or so ago. Which is a separate issue. Or maybe the same!
Photo of Louis Skelton

Louis Skelton

  • 5,446 Points 5k badge 2x thumb
I think this, however, might be due to the FontAwesome 4 icon set issue I highlighted a month or so ago. Which is a separate issue. Or maybe the same!