Kendo-angular: MaskedTextBox width cannot be styled

[jacktho]

See Plunker: http://plnkr.co/edit/ssMuJAtrcAPUIUEb6UNb

style="width: 100%" seems to be ignored.

[jacktho]

/deep/ input, kendo-maskedtextbox { width: 100%!important; } in the parent component's scss does work.

[rmeltonmi]

Is the workaround to inject the following CSS after the loading of the theme?

.k-maskedtextbox {
display: inline-flex;
border-width: 0;
}
.k-maskedtextbox .k-textbox {
flex: 1 0 0;
min-width: 0;
}

[siyka-marinova]

Fix is available in @progress/kendo-theme-default v.2.38.1 (2017-07-12)

[gyoshev]

@rmeltonmi these styles should provide a workaround, however it is recommended to upgrade the theme instead.

[oscarrodar]

Is this fixed for @progress/kendo-theme-bootstrap?

[gyoshev]

@oscarrodar yes, here is a plunker snippet with the latest bootstrap theme.