Cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

App exits on screen tap, no exception caught

ANSWERED

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.

 

scrollIssue.PNG

 

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>

 

Best Answer
0 Votes
1 BEST ANSWER

Accepted Solutions

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.

View best answer in original post

Best Answer
0 Votes
1 REPLY 1

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.

Best Answer
0 Votes