checkbox-tile in a panoramaview seems to break application, need help

[DanMacLeod]

I have a panoramaview that contains two panoramaview-items. One of the items is a tile-list. Everything works until I add a checkbox-tile to the list. When the checkbox-tile is added to the list and I run the app I get the "Error 22 Critical glue error" message. The checkbox_tile_widget.gui has been added to the widgets.gui. If I replace the checkbox-tile with a <text> element, then the app works, so it must be something with the checkbox-tile. Also, I'm using checkbox-tiles in other parts of the app and their fine, only issue is inside the panoramaview. Any suggestions?

<svg id="main-screen-container">
  <use id="main-screen-panoramaview" href="#panoramaview">
    
    <use id="main-screen" href="#panoramaview-item">
      <rect width="100%" height="100%" fill="red" />
    </use>
    
    <use id="secondary-screen" href="#panoramaview-item">  
      <use id="wp-list" href="#tile-list">
          <var id="reorder-enabled" value="0"/>          
          <use href="#tile-list-item" class="tile-list-item">
            <use id="wpItem1" href="#checkbox-tile" value="0">
              <set href="header/text" attributeName="text-buffer" to="Invalid" />
            </use>
          </use>
      </use>    
    </use>

    <use id="pagination-dots" href="#pagination-widget" y="8">
      <use href="#pagination-dot" />
      <use href="#pagination-dot" />
      <use href="#pagination-highlight-dot" />
    </use>
    
  </use>
</svg>

[JonFitbit]

That error sometimes means an ID is missing where it's expected. Can you try putting one on the tile-list-item?

[DanMacLeod]

I tried that and got the same error. I even commented out everything in my app except for one panarama view and one panoramaview-item and still got the same issue. My next step is to create a project from scratch, starting with the parnaoramview to see if that works. Do you know of any reason why a tile-list with checkbox-items can't be used within a panoramaview?

[DanMacLeod]

I created a new app with just the panorama view. If I display a list of <text> then the panaorama view displays correctly. If I replace the list of <text> with a list of <checkbox-tile> then the panorama view does not show the first screen. All components have an id. Not sure where to go from here.

app/index.js

import document from "document";
let panorama = document.getElementById("panorama");

resources/index.gui

<svg id="parent">
  <svg id="panorama">
    <use id="container" href="#panoramaview">
      <!-- screen 1 -->
      <use id="page1" href="#panoramaview-item">        
          <use id="tileList" href="#tile-list">
            <use id="tlHeader" href="#tile-list-header" class="tile-list-item">
              <text id="tlhText">Header</text>
            </use>
            <use id="tli0" href="#tile-list-item" class="tile-list-item">
              <!--<text id="item0Text">Item 0</text>-->
              <use id="item0" href="#checkbox-tile">
                <set href="header/text" attributeName="text-buffer" to="Checkbox Item" />
              </use>
            </use>
             <use id="tli1" href="#tile-list-item" class="tile-list-item">
               <!--<text id="item1Text">Item 1</text>-->
              <use id="item1" href="#checkbox-tile">
                <set href="header/text" attributeName="text-buffer" to="Checkbox Item" />
              </use>
            </use>
            <use id="tli2" href="#tile-list-item" class="tile-list-item">
              <!--<text id="item2Text">Item 2</text>-->
              <use id="item2" href="#checkbox-tile">
                <set href="header/text" attributeName="text-buffer" to="Checkbox Item" />
              </use>
            </use>
            <use id="tlfooter"href="#tile-list-footer" class="tile-list-item">
              <text id="tlfText">Footer</text>
            </use>
          </use>       
      </use>          
      <!-- screen 2 -->
      <use id="page2" href="#panoramaview-item">
        <rect id="rec" width="100%" height="100%" fill="green" />
      </use>
      <!-- Have enough pagination dots for your slides (extras are hidden) -->
      <use id="pagination-dots" href="#pagination-widget" y="8">
        <use href="#pagination-dot" />
        <use href="#pagination-dot" />
        <use href="#pagination-dot" />
        <use href="#pagination-dot" />
        <use href="#pagination-dot" />
        <use href="#pagination-highlight-dot" />
      </use>
    </use>
  </svg>  
</svg>

resources/styles.css

.defaultText {
  font-size: 32;
  font-family: System-Regular;
  font-weight: regular;
  text-length: 32;
}
.tile-list-item {
  height: 80;
}
.tile-list-item text {
  height: 32;
  font-family: System-Regular;
  fill: "white";
}

resources/widgets.gui

<svg>
  <defs>
    <link rel="stylesheet" href="styles.css" />
    <link rel="import" href="/mnt/sysassets/widgets_common.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/baseview_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/panoramaview_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/pagination_dots.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/tile_list_widget.gui" />
    <link rel="import" href="/mnt/sysassets/widgets/checkbox_tile_widget.gui" />
  </defs>
</svg>

[DanMacLeod]

Has anyone else seen this issue? 

[tik27]

I have also tried to add a checklist item to a panoramaview and receive the same error. 

Seems to be a bug somewhere

[ChrisSwim]

i am also experiencing this, i have checked that everything has id's

[Rajid]

Yep, in my app, which uses a panoramaview with virtual-tile-list containing checkboxes, if I simply replace the:

<use id="item0" href="#checkbox-tile" pointer-events="all" > 
    <set href="header/text" attributeName="text-buffer"  to="Checkbox Item" />
</use>                                                                                                                     

with:

<text id="item0"/>

then everything works as expected.

Looks like a bug to me.

</code>