.click-block ionic serve css != build css

[jgw96]

From @tienne on November 15, 2016 0:51

ionic serve main.css

.click-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, calc(-100% + 1px), 0);
  transform: translate3d(0, calc(-100% + 1px), 0); }

but ionic build main.css

.click-block{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  display:block;
  opacity:0;
  -webkit-transform:translate3d(0,calc(-100% + 1px),0);
  transform:translate3d(0,calc(-100% + 1px),0)}

Why is the difference?

my ionic version is here

"dependencies": {
    "@angular/common": "2.1.1",
    "@angular/compiler": "2.1.1",
    "@angular/compiler-cli": "2.1.1",
    "@angular/core": "2.1.1",
    "@angular/forms": "2.1.1",
    "@angular/http": "2.1.1",
    "@angular/platform-browser": "2.1.1",
    "@angular/platform-browser-dynamic": "2.1.1",
    "@angular/platform-server": "2.1.1",
    "@ionic/cloud-angular": "^0.7.0",
    "@ionic/storage": "1.1.6",
    "angularfire2": "^2.0.0-beta.6",
    "firebase": "^3.6.0",
    "font-awesome": "^4.7.0",
    "ionic-angular": "^2.0.0-rc.2",
    "ionic-native": "2.2.3",
    "ionicons": "3.0.0",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.21"
  },
  "devDependencies": {
    "@ionic/app-scripts": "0.0.43",
    "typescript": "^2.0.7"
  }

Copied from original issue: ionic-team/ionic-framework#9161

[adamdbradley]

@tienne Looks like it's removing duplicates. Is that causing issues?

[tienne]

There is no problem with .click-block in ie11 when serve
but build there is a problem with .click-block in ie11.
ionic is not support ie11 to the link below but i hope edited

Https://github.com/driftyco/ionic-app-scripts/issues/203

[danbucholtz]

@tienne,

Is this still an issue for you? I will re-open if it is.

Thanks,
Dan