mdc_web icon indicating copy to clipboard operation
mdc_web copied to clipboard

Update library

Open kleinpetr opened this issue 5 years ago • 0 comments

Is there some chance to update material design css and js?

For example when I use css from cdn and use this button from your example <button class="mdc-button mdc-button--raised" data-mdc-auto-init="MDCRipple">Auto Init</button>

the ripple is not working.

when I use this outlined TextField from documentation (https://material-components.github.io/material-components-web-catalog/#/component/text-field?type=outlined)

<div data-mdc-auto-init="MDCTextField"class="mdc-text-field mdc-text-field--outlined">
    <input class="mdc-text-field__input" id="text-field-hero-input">
        <div class="mdc-notched-outline">
            <div class="mdc-notched-outline__leading"></div>
            <div class="mdc-notched-outline__notch">
                <label for="text-field-hero-input" class="mdc-floating-label">Name</label>
            </div>
        <div class="mdc-notched-outline__trailing"></div>
    </div>
</div>

the field it look OK, because using cdn css, but when I click inside I have got error TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter

But when I use this button like in actual documentation (https://material-components.github.io/material-components-web-catalog/#/component/button?type=raised) <button class="mdc-button mdc-button--raised"> <span class="mdc-button__ripple"></span> Learn More</button>

its working fine.

When I use the outlined TextField from documentation, the field has not style, it is invisible, and after click got the same error.

By this sequences I think that this library using some older version of MDC. It is not problem. but I don't have any documentation for correct using mdc component.

Thank you for informations.

kleinpetr avatar Mar 31 '20 08:03 kleinpetr