Error in MDCDataTable in @aurelia-mdc-web/about aurelia-mdc-web

[aurelia-ui-toolkits]

Error in MDCDataTable in @aurelia-mdc-web/[email protected]

[MaximBalaganskiy]

Could you please add some background info on what caused this?

[MaximBalaganskiy]

Are there any input elements in the table other than mdc-checkbox?

[stuartbale]

Hey Max - this is the HTML for the table. It has a row at the top to allow users to add a new item.

    <mdc-data-table busy.bind="busy">
        <table>
            <thead>
                <tr class="mdc-data-table__header-row">
                .... // table header cells removed
                </tr>
            </thead>
            <tbody>
                <tr mdc-data-table-row>
                    <td>
                        <mdc-text-field outlined label="Code" value.bind="newCode"></mdc-text-field>
                    </td>
                    <td colspan="5">
                        <mdc-button outlined click.trigger="addShare()">Add Share</mdc-button>
                    </td>
                </tr>
                <tr mdc-data-table-row repeat.for="share of shares" click.trigger="showShare(share.code)">
                .... // table cells removed
                </tr>
            </tbody>
        </table>
    </mdc-data-table>

The error occurs when I enter a value in the textfield and then tab out.

does that help?

[MaximBalaganskiy]

Yes, just as I thought - an input in the table fires a change event. This is fixable.

[stuartbale]

ok cool - thanks for the insanely quick response!

[stuartbale]

@MaximBalaganskiy - if I npm install mdc@v12, will aurelia-mdc use that? Or do I need to wait until you've updated it?

[MaximBalaganskiy]

You'll need to wait till the dependency is upgraded