[ 
https://issues.apache.org/jira/browse/FLEX-35350?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
 ]

Piotr Zarzycki updated FLEX-35350:
----------------------------------
    Description: 
Bead added to MDL Table is being applied to the "tbody" instead of "table" 
itself.

Following code:
{code}
<mdl:Table shadow="2" selectable="true" className="customTableRowItemRenderer">
                        <mdl:columns>
                            <mdl:TableColumn headerText="Material"/>
                            <mdl:TableColumn headerText="Quantity">
                                <mdl:beads>
                                    <mdl:TableNumericColumnEnable />
                                </mdl:beads>
                            </mdl:TableColumn>
                        </mdl:columns>
                        <mdl:beads>
                            <js:ConstantBinding
                                    sourceID="model"
                                    sourcePropertyName="materials"
                                    destinationPropertyName="dataProvider" />
                            <supportclasses:ScrollingViewport />
                        </mdl:beads>
</mdl:Table>
{code} 

Is being transpiled to:
{code}
<table class="customTableRowItemRenderer mdl-data-table mdl-js-data-table 
mdl-shadow--2dp" data-upgraded=",MaterialDataTable">
  <thead>
      <th class="mdl-data-table__cell--non-numeric">Material</th>
  </thead>
  <tbody style="overflow: auto;"> <- ScrollingViewport adds style here instead 
to "table"
      <tr><td class="mdl-data-table__cell--non-numeric">Acrylic 
(Transparent)</td></tr>
     <tr><td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td></tr>
     <tr><td class="mdl-data-table__cell--non-numeric">Laminate (Gold on 
Blue)</td></tr>
  </tbody>
</table>
{code}

Which shows that "ScrollingViewport" bead is being add to "tbody".

  was:
Bead added to MDL Table is being applied to the "tbody" instead of "table" 
itself.

{code}
<mdl:Table shadow="2" selectable="true" className="customTableRowItemRenderer">
                        <mdl:columns>
                            <mdl:TableColumn headerText="Material"/>
                            <mdl:TableColumn headerText="Quantity">
                                <mdl:beads>
                                    <mdl:TableNumericColumnEnable />
                                </mdl:beads>
                            </mdl:TableColumn>
                        </mdl:columns>
                        <mdl:beads>
                            <js:ConstantBinding
                                    sourceID="model"
                                    sourcePropertyName="materials"
                                    destinationPropertyName="dataProvider" />
                            <supportclasses:ScrollingViewport />
                        </mdl:beads>
</mdl:Table>
{code} 

Is being transpiled to:
{code}
<table class="customTableRowItemRenderer mdl-data-table mdl-js-data-table 
mdl-shadow--2dp" data-upgraded=",MaterialDataTable">
  <thead>
      <th class="mdl-data-table__cell--non-numeric">Material</th>
  </thead>
  <tbody style="overflow: auto;"> <- ScrollingViewport adds style here instead 
to "table"
      <tr><td class="mdl-data-table__cell--non-numeric">Acrylic 
(Transparent)</td></tr>
     <tr><td class="mdl-data-table__cell--non-numeric">Plywood (Birch)</td></tr>
     <tr><td class="mdl-data-table__cell--non-numeric">Laminate (Gold on 
Blue)</td></tr>
  </tbody>
</table>
{code}

Which shows that "ScrollingViewport" bead is being add to "tbody".


> Bead added to MDL Table is being add to "tbody"
> -----------------------------------------------
>
>                 Key: FLEX-35350
>                 URL: https://issues.apache.org/jira/browse/FLEX-35350
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: FlexJS
>    Affects Versions: Apache FlexJS 0.8.0
>            Reporter: Piotr Zarzycki
>            Assignee: Piotr Zarzycki
>
> Bead added to MDL Table is being applied to the "tbody" instead of "table" 
> itself.
> Following code:
> {code}
> <mdl:Table shadow="2" selectable="true" 
> className="customTableRowItemRenderer">
>                         <mdl:columns>
>                             <mdl:TableColumn headerText="Material"/>
>                             <mdl:TableColumn headerText="Quantity">
>                                 <mdl:beads>
>                                     <mdl:TableNumericColumnEnable />
>                                 </mdl:beads>
>                             </mdl:TableColumn>
>                         </mdl:columns>
>                         <mdl:beads>
>                             <js:ConstantBinding
>                                     sourceID="model"
>                                     sourcePropertyName="materials"
>                                     destinationPropertyName="dataProvider" />
>                             <supportclasses:ScrollingViewport />
>                         </mdl:beads>
> </mdl:Table>
> {code} 
> Is being transpiled to:
> {code}
> <table class="customTableRowItemRenderer mdl-data-table mdl-js-data-table 
> mdl-shadow--2dp" data-upgraded=",MaterialDataTable">
>   <thead>
>       <th class="mdl-data-table__cell--non-numeric">Material</th>
>   </thead>
>   <tbody style="overflow: auto;"> <- ScrollingViewport adds style here 
> instead to "table"
>       <tr><td class="mdl-data-table__cell--non-numeric">Acrylic 
> (Transparent)</td></tr>
>      <tr><td class="mdl-data-table__cell--non-numeric">Plywood 
> (Birch)</td></tr>
>      <tr><td class="mdl-data-table__cell--non-numeric">Laminate (Gold on 
> Blue)</td></tr>
>   </tbody>
> </table>
> {code}
> Which shows that "ScrollingViewport" bead is being add to "tbody".



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

Reply via email to