JoshDSommer / nativescript-ngx-shadow

Angular directive to apply shadows to native elements according to the elevation level guidelines of material design specification
Apache License 2.0
9 stars 6 forks source link

Using shadow inside AbsoluteLayout strips element of top/left positioning. #12

Open micflan opened 5 years ago

micflan commented 5 years ago

Working within an AbsoluteLayout, on iOS, adding a shadow to any element will cause the top/left positioning attributes of the element to be ignored and the element is rendered at position 0:0.

The same markup works fine on Android.

Which platform(s) does your issue occur on?

Please, provide the following version numbers that your issue occurs with:

  "dependencies": {
    "@angular/animations": "~7.0.0",
    "@angular/common": "~7.0.0",
    "@angular/compiler": "~7.0.0",
    "@angular/core": "~7.0.0",
    "@angular/forms": "~7.0.0",
    "@angular/http": "~7.0.0",
    "@angular/platform-browser": "~7.0.0",
    "@angular/platform-browser-dynamic": "~7.0.0",
    "@angular/platform-server": "~5.2.0",
    "@angular/router": "~7.0.0",
    "es6-tween": "^5.3.1",
    "fs-extra": "~4.0.0",
    "google-libphonenumber": "~3.0.0",
    "lodash": "^4.17.11",
    "moment": "~2.18.1",
    "moment-timezone": "^0.5.23",
    "nativescript-angular": "^7.0.2",
    "nativescript-background-http": "^3.3.1",
    "nativescript-camera": "^4.1.1",
    "nativescript-cardview": "^3.1.1",
    "nativescript-checkbox": "^3.0.3",
    "nativescript-email": "^1.5.3",
    "nativescript-geolocation": "^4.3.1",
    "nativescript-google-maps-sdk": "^2.6.1",
    "nativescript-intl": "^3.0.0",
    "nativescript-iqkeyboardmanager": "^1.3.0",
    "nativescript-localize": "^4.1.0",
    "nativescript-masked-text-field": "^3.0.2",
    "nativescript-ngx-shadow": "^6.4.0",
    "nativescript-permissions": "^1.2.3",
    "nativescript-phone": "^1.4.0",
    "nativescript-photoviewer": "^1.4.0",
    "nativescript-plugin-firebase": "^7.4.4",
    "nativescript-snackbar": "^4.0.0",
    "nativescript-theme-core": "^1.0.4",
    "nativescript-tweenjs": "^0.9.0",
    "nativescript-ui-sidedrawer": "^5.0.0",
    "nativescript-unit-test-runner": "^0.3.4",
    "nativescript-webview-interface": "^1.4.2",
    "recursive-copy": "~2.0.6",
    "reflect-metadata": "~0.1.8",
    "rxjs": "^6.3.3",
    "rxjs-compat": "^6.3.3",
    "tns-core-modules": "^5.0.5",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~7.0.0",
    "@nativescript/schematics": "~0.4.0",
    "@ngtools/webpack": "~7.0.0",
    "codelyzer": "~4.5.0",
    "nativescript-dev-sass": "~1.6.0",
    "nativescript-dev-typescript": "~0.7.0",
    "nativescript-dev-webpack": "^0.18.1",
    "tslint": "~5.11.0"
  }

Please, tell us how to recreate the issue in as much detail as possible.

<AbsoluteLayout width="100%" height="100%">
    <Label top="50" left="50" shadow="5" text="got shadow?"></Label>
</AbsoluteLayout>