Disabled attribute with ion-input not working

[antoine92190]

Ionic version: (check one with "x")
[ ] 1.x
[x] 2.x

I'm submitting a ... (check one with "x")
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:

When I use the disabled attribute on ion-input or ion-textarea, the text is not disabled.

Expected behavior:

I should not be able to modify the text inside an ion-input or ion-textarea when disabled.
The text opacity should also be modified.

Ionic info:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.5
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.0.0
ios-deploy version: 1.9.0
ios-sim version: 5.0.11
OS: macOS Sierra
Node Version: v6.9.2
Xcode version: Xcode 8.2 Build version 8C38

[rapropos]

Perhaps a dupe of #6408?

[jgw96]

Hello @antoine92190 ! Thanks for opening an issue with us. Unfortunately i cannot reproduce this issue. What devices are you seeing this issue on?

[antoine92190]

Hi @jgw96
I'm using an iPhone 5s for my development testing.
I created a fresh new ionic project and did 'ionic serve' (with Google Chrome), but I still experience the issue.
I tried things as:

<ion-input disabled></ion-input>
<ion-input [disabled]="true"></ion-input>
<ion-input disabled="true"></ion-input>

But none is working...

[ChuanTS]

I have come across to the same problem

[brandyscarney]

@antoine92190 Can you please try with the latest nightly and let me know if you're still seeing this:

npm install --save --save-exact [email protected]

If you are - are you adding anything else or is it just an ion-input inside of an ion-content? Is it wrapped in a formGroup? Any logs in the console?

[antoine92190]

Yes, it works perfectly in the nightly!
Should I wait for the rc6 release or can I use this nightly in my app?

[brandyscarney]

@antoine92190 Sorry, you could have used the nightly, but rc.6 has been released now. :) I'm going to close this, thanks!

[Ejiro-Edwin]

Ionic 2:
Static property:

Dynamically:

After in the component(.ts file):private isInputDisabled:boolean=false;

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.