12-24-2018 03:32
12-24-2018 03:32
I'm trying to build a screen with a scrollview. This worked in the past so I'm not sure why it's not working now. It seems like there is an issue building the scrollview-items for the scrollview. When I tap on the screen to start building the items, the app closes. I have a try/catch block but I'm not catching any exceptions even though all the items are not set. The 'DONE' text (shown below) is never added to the console log and I don't catch any exceptions so I'm not sure how to debug this issue. This is on an Ionic Version 27.33.1.30
There are 91 view-items, but something happened after iteration 80. This is not consistent, the error happens at random iterations.
Also, the Critical glue errors only happen if I have more than about 15 items in the list.
index.js snippet
function buildUsTable() { console.log(`MOD TABLE 1`); try { var blend; for (let i = 0; i < utils.blends.length; i++) { blend = utils.blends[i]; console.log(`MOD TABLE14 ` + i); items14[i + 1].text = (utils.calculateMODImperial(blend, 1.4) + 'ft'); //items16[i + 1].text = (utils.calculateMODImperial(utils.blends[i], 1.6) + 'ft'); } console.log("DONE"); } catch(ex){ console.log("EX " + ex.message); } }
index.gui snippet
<svg id="mod-screen" display="none"> <defs> <!-- Template Symbol for the header --> <symbol id="view-header" href="#scrollview-header"> <rect id="header-rect" fill="inherit" x="0" y="0" width="100%" height="100%"/> <text id="header1" x="5" y="50%+10" fill="black" font-size="30" font-weight="bold" /> <text id="header2" x="40%" y="50%+10" fill="black" font-size="30" font-weight="bold" /> <text id="header3" x="75%" y="50%+10" fill="black" font-size="30" font-weight="bold" /> </symbol> <!-- Template Symbol for the items --> <symbol id="view-item" href="#scrollview-item"> <rect id="item-rect" fill="inherit" x="0" y="0" width="100%" height="100%" /> <text id="item1" x="5" y="50%+10" fill="black" font-size="30" font-weight="bold" /> <text id="item14" x="40%" y="50%+10" class="item14"/> <text id="item16" x="75%" y="50%+10" class="item16"/> </symbol> </defs> <use id="mod-table" href="#scrollview" fill="black"> <use id="mod-header" href="#view-header" height="20%" fill="yellowgreen"> <set href="#header1" attributeName="text-buffer" to="BLEND" /> <set href="#header2" attributeName="text-buffer" to="@1.4" /> <set href="#header3" attributeName="text-buffer" to="@1.6" /> </use> <use id="mod10" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="10%" /> </use> <use id="mod11" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="11%" /> </use> <use id="mod12" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="12%" /> </use> <use id="mod13" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="13%" /> </use> <use id="mod14" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="14%" /> </use> <use id="mod15" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="15%" /> </use> <use id="mod16" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="16%" /> </use> <use id="mod17" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="17%" /> </use> <use id="mod18" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="18%" /> </use> <use id="mod19" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="19%" /> </use> <use id="mod20" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="20%" /> </use> <use id="mod21" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="21%" /> </use> <use id="mod22" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="22%" /> </use> <use id="mod23" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="23%" /> </use> <use id="mod24" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="24%" /> </use> <use id="mod25" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="25%" /> </use> <use id="mod26" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="26%" /> </use> <use id="mod27" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="27%" /> </use> <use id="mod28" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="28%" /> </use> <use id="mod29" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="29%" /> </use> <use id="mod30" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="30%" /> </use> <use id="mod31" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="31%" /> </use> <use id="mod32" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="32%" /> </use> <use id="mod33" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="33%" /> </use> <use id="mod34" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="34%" /> </use> <use id="mod35" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="35%" /> </use> <use id="mod36" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="36%" /> </use> <use id="mod37" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="37%" /> </use> <use id="mod38" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="38%" /> </use> <use id="mod39" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="39%" /> </use> <use id="mod40" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="40%" /> </use> <use id="mod41" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="41%" /> </use> <use id="mod42" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="42%" /> </use> <use id="mod43" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="43%" /> </use> <use id="mod44" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="44%" /> </use> <use id="mod45" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="45%" /> </use> <use id="mod46" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="46%" /> </use> <use id="mod47" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="47%" /> </use> <use id="mod48" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="48%" /> </use> <use id="mod49" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="49%" /> </use> <use id="mod50" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="50%" /> </use> <use id="mod51" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="51%" /> </use> <use id="mod52" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="52%" /> </use> <use id="mod53" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="53%" /> </use> <use id="mod54" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="54%" /> </use> <use id="mod55" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="55%" /> </use> <use id="mod56" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="56%" /> </use> <use id="mod57" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="57%" /> </use> <use id="mod58" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="58%" /> </use> <use id="mod59" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="59%" /> </use> <use id="mod60" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="60%" /> </use> <use id="mod61" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="61%" /> </use> <use id="mod62" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="62%" /> </use> <use id="mod63" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="63%" /> </use> <use id="mod64" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="64%" /> </use> <use id="mod65" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="65%" /> </use> <use id="mod66" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="66%" /> </use> <use id="mod67" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="67%" /> </use> <use id="mod68" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="68%" /> </use> <use id="mod69" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="69%" /> </use> <use id="mod70" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="70%" /> </use> <use id="mod71" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="71%" /> </use> <use id="mod72" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="72%" /> </use> <use id="mod73" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="73%" /> </use> <use id="mod74" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="74%" /> </use> <use id="mod75" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="75%" /> </use> <use id="mod76" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="76%" /> </use> <use id="mod77" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="77%" /> </use> <use id="mod78" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="78%" /> </use> <use id="mod79" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="79%" /> </use> <use id="mod80" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="80%" /> </use> <use id="mod81" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="81%" /> </use> <use id="mod82" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="82%" /> </use> <use id="mod83" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="83%" /> </use> <use id="mod84" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="84%" /> </use> <use id="mod85" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="85%" /> </use> <use id="mod86" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="86%" /> </use> <use id="mod87" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="87%" /> </use> <use id="mod88" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="88%" /> </use> <use id="mod89" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="89%" /> </use> <use id="mod90" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="90%" /> </use> <use id="mod91" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="91%" /> </use> <use id="mod92" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="92%" /> </use> <use id="mod93" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="93%" /> </use> <use id="mod94" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="94%" /> </use> <use id="mod95" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="95%" /> </use> <use id="mod96" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="96%" /> </use> <use id="mod97" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="97%" /> </use> <use id="mod98" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="98%" /> </use> <use id="mod99" href="#view-item" height="20%" fill="whitesmoke"> <set href="#item1" attributeName="text-buffer" to="99%" /> </use> <use id="mod100" href="#view-item" height="20%" fill="papayawhip"> <set href="#item1" attributeName="text-buffer" to="100%" /> </use> </use> </svg>
Answered! Go to the Best Answer.
12-29-2018 04:46
12-29-2018 04:46
Still not sure what is causing this but I replaced the ScollView lists with Virtual Tile list and I don't see the issue anymore.
12-29-2018 04:46
12-29-2018 04:46
Still not sure what is causing this but I replaced the ScollView lists with Virtual Tile list and I don't see the issue anymore.