fillColor of nested tables not being applied when unbreakable is true

[bobsquito]

When I run the following code, it should create a table with 1 column and 2 rows

• one has row "Heading" with a grey fillColor
• the second row has a fillColor "red" and contains a nested table which is just one cell with the word "Tag".
• The fillColor of the is green.

When unbreakable = true (as shown in the code below), the fillColor is red (unexpected behaviour) instead of green (expected behaviour). I have not been able to set the fillColor of the tag using the table layout, changing the opacity, nothing works.

When unbreakable is set to false, or removed, the fillColor of the tag is green (expected behaviour).

There does seem to be another bug when the table is set to unbreakable = true and the table is over 1 page in length , the table just disappears. This is sort of documented already in #1159

The following code can be added to the playground.

var dd = {
  unbreakable: true,
  table: {
    body: [
      [
        {
          stack: [{ text: 'Heading' }],
          fillColor: 'grey',
        },
      ],
      [
        {
          fillColor: 'red',
          stack: [
            {
              fillColor: 'green',
              table: {
                body: [[{ text: 'Tag' }]],
                widths: ['auto'],
              },
            },
          ],
        },
      ],
    ],
    widths: ['100%'],
  },
};

[Chi-Iroh]

Same issue without even enabling unbreakable.
Currently, in the playground, this code shows a nested grid entirely colored in orange, whereas it should color the outer grid in green and the inner grid in orange.

var dd = {
	content: [
    	{
    	    table: {
    	        widths: ['*'],
    	        body: [
    	            [{
    	                table: {
    	                    widths: ['*'],
    	                    body: [
    	                        ["hello"]
    	                   ]
    	                },
    	                fillColor: "orange"
    	            }]
    	        ]
    	    },
    	   fillColor: "green"
    	}
	]
	
}

If you comment out the inner fillColor: "orange", then the whole grid (& subgrid) becomes green.

Also, your code doesn't work (anymore ?) in the playground as the content attribute is missing.
This uses the correct format although is still misrendered.

var dd = {
    content: [{
      unbreakable: true,
      table: {
        body: [
          [
            {
              stack: [{ text: 'Heading' }],
              fillColor: 'grey',
            },
          ],
          [
            {
              fillColor: 'red',
              stack: [
                {
                  fillColor: 'green',
                  table: {
                    body: [[{ text: 'Tag' }]],
                    widths: ['auto'],
                  },
                },
              ],
            },
          ],
        ],
        widths: ['100%'],
      },
    }]
};