Internet Explorer 11 click-block div prevents clicking

[alfabetagama]

Short description of the problem:

When building for release Internet Explorer displays click-block div element in front of application content. This element prevents any interaction with application. This DOES NOT happen in development mode.

What behavior are you expecting?

I expect buttons to be clickable and inputs to be able to accept input.

Steps to reproduce:

1. Create app with menu and page
2. Place button on a page
3. Build with --release switch
4. Run in IE 11
5. try to click the buitton

Which @ionic/app-scripts version are you using?
ionic-app-scripts 0.0.36

Other information: (e.g. stacktraces, related issues, suggestions how to fix, stackoverflow links, forum links, etc)

Fix:

//IE
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .click-block {
        display:none;
    }
}

[WhatsThatItsPat]

IE isn't supported.

[alfabetagama]

@PatrickMcD I didn't find any official documentation regarding the IE non-support, however apart from some minor styling bugs it works just fine. And of course the click-block div.

[WhatsThatItsPat]

It might not be in the official docs, but there are some comments scattered throughout the issues about it.

ionic-team/ionic-framework#8669 (comment)
ionic-team/ionic-framework#6386 (comment)

etc...

[danbucholtz]

@jgw96 can you move this.

Thanks,
Dan

[jgw96]

This issue was moved to ionic-team/ionic-framework#8828

[jgw96]

Hello @alfabetagama , thanks for opening an issue with us! Since this issue is an issue with the framework and not app-scripts i have moved this issue to the appropriate repo. Thanks!