[css2.1] nested table-row-groups

What happens in the following situation:

  <foo>
   <bar>
    ...
   </bar>
  </foo>

(Lets assume for the moment that FOO is not the root element, but some 
descendent.) With the following style rule applied:

  foo,bar{display:table-row-group}

According to CSS2.1 the FOO element gets a anonymous parent element that 
is either 'inline-table' or 'table' depending on its real parent element 
I assume. Lets say it has some parent element with 'display:inline' 
applied to it. I guess this would be the outcome:

  <'inline-table'>
   <foo>
    <bar>
     ...

Now this is not the final outcome as the inner element BAR hasn't been 
dealt with. Its parent is not of type 'table' or 'inline-table' either 
so one has to be created. Now I'm not sure how you can see here which 
one it should be... but lets say it turns out to be 'table':

  <'inline-table'>
   <foo>
    <'table'>
     <bar>

However, now the picture isn't complete, as the FOO element isn't 
supposed to contain an anonymous element of type 'display:table'.

...

Should the final outcome look something like:

  <'inline-table'
   <foo>
    <'table-row'>
     <'table-cell'>
      <'table'>
       <bar>
        <'table-row'>
         <'table-cell'>
          ...

... or not? This is insanely complex if you ask me...

See also: <https://bugzilla.mozilla.org/show_bug.cgi?id=290444>


-- 
  Anne van Kesteren
  <http://annevankesteren.nl/>