Applying a scale transform to a button on iOS breaks background-repeat and background-position on iOS.
Using template-hello-world as a base.
main-page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
<StackLayout>
<Button class="btn" />
<Button class="btn btn-scaled" />
</StackLayout>
</Page>
app.css
.btn {
background-color: orange;
background-image: url("res://play");
background-position: center;
background-repeat: no-repeat;
}
.btn-scaled {
transform: scale(0.5, 0.5);
}
Tested with tns-core-modules 2.3.0 and 2.4.0-2016-10-10-4344

Reactions are currently unavailable
Applying a scale transform to a button on iOS breaks background-repeat and background-position on iOS.
Using template-hello-world as a base.
main-page.xml
<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo"> <StackLayout> <Button class="btn" /> <Button class="btn btn-scaled" /> </StackLayout> </Page>app.css
.btn { background-color: orange; background-image: url("res://play"); background-position: center; background-repeat: no-repeat; } .btn-scaled { transform: scale(0.5, 0.5); }Tested with tns-core-modules 2.3.0 and 2.4.0-2016-10-10-4344