CSS is broke on Android Prod Release?

Hi,

So my app works fine on serve, and building debug but when I build a release for Android, the styling is broken? Has anyone experienced this issue before?

Thanks.

  "dependencies": {
    "@angular/animations": "~12.1.1",
    "@angular/common": "~12.1.1",
    "@angular/core": "~12.1.1",
    "@angular/forms": "~12.1.1",
    "@angular/platform-browser": "~12.1.1",
    "@angular/platform-browser-dynamic": "~12.1.1",
    "@angular/router": "~12.1.1",
    "@angular/service-worker": "~12.1.1",
    "@awesome-cordova-plugins/barcode-scanner": "^5.37.0",
    "@awesome-cordova-plugins/core": "^5.37.0",
    "@awesome-cordova-plugins/device": "^5.37.0",
    "@awesome-cordova-plugins/in-app-browser": "^5.37.0",
    "@awesome-cordova-plugins/ionic-webview": "^5.37.0",
    "@awesome-cordova-plugins/splash-screen": "^5.37.0",
    "@awesome-cordova-plugins/status-bar": "^5.37.0",
    "@awesome-cordova-plugins/stripe": "^5.37.0",
    "@ionic/angular": "^5.8.5",
    "@ionic/storage": "^2.3.1",
    "@swimlane/ngx-datatable": "^17.1.0",
    "@types/file-saver": "^2.0.3",
    "@types/leaflet": "^1.7.5",
    "angular2-uuid": "^1.1.1",
    "bootstrap": "4.4.1",
    "confetti-js": "0.0.18",
    "cordova-android": "10.1.1",
    "cordova-ios": "5.1.1",
    "cordova-plugin-add-swift-support": "^2.0.2",
    "cordova-plugin-androidx-adapter": "^1.1.3",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-inappbrowser": "^3.2.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^5.0.0",
    "cordova-plugin-splashscreen": "^6.0.0",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-wkwebview-engine": "^1.2.2",
    "core-js": "^3.19.1",
    "file-saver": "^2.0.2",
    "flatpickr": "^4.6.9",
    "google-libphonenumber": "^3.2.25",
    "intl-tel-input": "^17.0.13",
    "ionic-plugin-deeplinks": "1.0.20",
    "leaflet": "^1.7.1",
    "moment": "^2.29.1",
    "ng2-file-upload": "^1.4.0",
    "ng2-simple-timer": "^8.2.2",
    "ngx-bootstrap": "^6.2.0",
    "ngx-device-detector": "^1.5.2",
    "ngx-intl-tel-input": "^3.1.1",
    "phonegap-plugin-barcodescanner": "^8.1.0",
    "qr-creator": "^1.0.0",
    "rxjs": "^6.6.0",
    "tslib": "^2.2.0",
    "uuid": "^3.4.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.1.1",
    "@angular-eslint/builder": "~12.0.0",
    "@angular-eslint/eslint-plugin": "~12.0.0",
    "@angular-eslint/eslint-plugin-template": "~12.0.0",
    "@angular-eslint/template-parser": "~12.0.0",
    "@angular/cli": "~12.1.1",
    "@angular/compiler": "~12.1.1",
    "@angular/compiler-cli": "~12.1.1",
    "@angular/language-service": "~12.0.1",
    "@ionic/angular-toolkit": "^4.0.0",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "4.16.1",
    "@typescript-eslint/parser": "4.16.1",
    "eslint": "^7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~3.8.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~4.2.4"
  },
  "description": "My Application",
  "cordova": {
    "plugins": {
      "cordova-plugin-statusbar": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-device": {},
      "phonegap-plugin-barcodescanner": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-androidx-adapter": {}
    },
    "platforms": [
      "ios",
      "android"
    ]
  }

1 post - 1 participant

Read full topic