Mailing-List: contact issues-help@flex.apache.org; run by ezmlm
Precedence: bulk
Reply-To: dev@flex.apache.org
Date: Mon, 14 Aug 2017 23:31:00 +0000 (UTC)
From: "Piotr Zarzycki (JIRA)" <jira@apache.org>
To: issues@flex.apache.org
Message-ID: <JIRA.13094643.1502753410000.30245.1502753460372@Atlassian.JIRA>
In-Reply-To: <JIRA.13094643.1502753410000@Atlassian.JIRA>
References: <JIRA.13094643.1502753410000@Atlassian.JIRA> <JIRA.13094643.1502753410762@jira-lw-us.apache.org>
Subject: [jira] [Updated] (FLEX-35350) Bead added to MDL Table is being add
 to "tbody"
MIME-Version: 1.0
Content-Type: text/plain; charset=utf-8
Content-Transfer-Encoding: 7bit
archived-at: Mon, 14 Aug 2017 23:31:09 -0000


     [ 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)