Problem with 'transform:scaleX' and iphone


#1

Hello all,

I´m having a problem with this style:

style="-webkit-transform:scaleX({{goal.PercentageScaled}});transform:scaleX({{goal.PercentageScaled}})"

I have checked ‘PercentageScaled’ is not null or undefined in any way…

it gives me the following error: (but only on ios it work’s on android):
Uncaught (in promise): EXCEPTION: TypeError: Attempted to assign to readonly property. in [null]
ORIGINAL EXCEPTION: TypeError: Attempted to assign to readonly property.
ORIGINAL STACKTRACE:
setProperty@http://192.168.1.76:8100/build/js/app.bundle.js:32402:78
setElementProperty@http://192.168.1.76:8100/build/js/app.bundle.js:33456:38
notifyOnBinding@http://192.168.1.76:8100/build/js/app.bundle.js:24993:49
notifyDispatcher@http://192.168.1.76:8100/build/js/app.bundle.js:15386:40
detectChangesInRecordsInternal
detectChangesInRecords@http://192.168.1.76:8100/build/js/app.bundle.js:15282:48
runDetectChanges@http://192.168.1.76:8100/build/js/app.bundle.js:15259:36
_detectChangesContentChildren@http://192.168.1.76:8100/build/js/app.bundle.js:15352:34
runDetectChanges@http://192.168.1.76:8100/build/js/app.bundle.js:15260:43
_detectChangesInViewChildren@http://192.168.1.76:8100/build/js/app.bundle.js:15359:34
runDetectChanges@http://192.168.1.76:8100/build/js/app.bundle.js:15263:42
detectChanges@http://192.168.1.76:8100/build/js/app.bundle.js:15248:89
detectChanges@http://192.168.1.76:8100/build/js/app.bundle.js:16149:86
willEnter@http://192.168.1.76:8100/build/js/app.bundle.js:47818:35
_postRender@http://192.168.1.76:8100/build/js/app.bundle.js:46132:39
http://192.168.1.76:8100/build/js/app.bundle.js:46080:38
http://192.168.1.76:8100/build/js/app.bundle.js:46458:17
invoke@http://192.168.1.76:8100/build/js/angular2-polyfills.js:390:34
onInvoke@http://192.168.1.76:8100/build/js/app.bundle.js:29498:47
invoke@http://192.168.1.76:8100/build/js/angular2-polyfills.js:389:43
run@http://192.168.1.76:8100/build/js/angular2-polyfills.js:283:50
http://192.168.1.76:8100/build/js/angular2-polyfills.js:635:61
invokeTask@http://192.168.1.76:8100/build/js/angular2-polyfills.js:423:43
onInvokeTask@http://192.168.1.76:8100/build/js/app.bundle.js:29489:51
invokeTask@http://192.168.1.76:8100/build/js/angular2-polyfills.js:422:55
runTask@http://192.168.1.76:8100/build/js/angular2-polyfills.js:320:58
drainMicroTaskQueue@http://192.168.1.76:8100/build/js/angular2-polyfills.js:541:43
invoke@http://192.168.1.76:8100/build/js/angular2-polyfills.js:493:41
ERROR CONTEXT:
[object Object]

this is my current project file:

{ "dependencies": { "angular2": "2.0.0-beta.15", "es6-shim": "^0.35.0", "ionic-angular": "2.0.0-beta.6", "ionic-native": "^1.1.0", "ionicons": "3.0.0-alpha.3", "ng2-translate": "^1.11.1", "reflect-metadata": "^0.1.2", "rxjs": "5.0.0-beta.2", "zone.js": "^0.6.10" }, "devDependencies": { "del": "2.2.0", "gulp": "3.9.1", "gulp-watch": "4.3.5", "ionic-gulp-browserify-typescript": "^1.1.0", "ionic-gulp-fonts-copy": "^1.0.0", "ionic-gulp-html-copy": "^1.0.0", "ionic-gulp-sass-build": "^1.0.0", "ionic-gulp-scripts-copy": "^1.0.1", "run-sequence": "1.1.5" }, "name": "trackapp.ionic", "description": "TrackAPP.Ionic: An Ionic project", "cordovaPlugins": [ "cordova-plugin-device", "cordova-plugin-console", "cordova-plugin-whitelist", "cordova-plugin-splashscreen", "cordova-plugin-statusbar", "ionic-plugin-keyboard" ], "cordovaPlatforms": [ { "platform": "android", "locator": "windows" }, "ios" ] }

Rigth now my project is configured for Angular2 production mode but I tried setting debug mode to see if I could get more info on the problem but it didn´t seem to affect to the output in any way…

I have tried lots of modifications but with no luck… :anguished: don´t know what to do next…

The only thing that currently makes the page show no errors is actually the removal of the style… but I can´t do that since it´s required by my customer…:cry:

Thanks in advance…