bug: ios 14.5, variables changes not being rendered with pointer-events property

[mwoess]

Ionic version:

[] 4.x [x] 5.x

I'm submitting a ...

[x] bug report [ ] feature request

Current behavior: Since the ios update 14.5 the text color of the ion-button do not change when he is disabled. That's my disabled and normal button:

That's the button on my iPhone: The button is enabled first and got disabled by setting the disabled attribute to true. I can reproduce the bug in both directions enabled <> disabled.

Expected behavior: The text color should set to correct value.

Steps to reproduce:

1. Add a ion-button to template
2. Bind the disabled attribute to a property
3. Change the disabled property after the component rendered

Related code: @see https://github.com/zzow/ionic-issue-23256

Ionic info:

Ionic:

   Ionic CLI                     : 6.13.1
   Ionic Framework               : @ionic/angular 5.6.6
   @angular-devkit/build-angular : 0.901.12
   @angular-devkit/schematics    : 9.1.12
   @angular/cli                  : 9.1.12
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.4.4
   @capacitor/core : 2.4.4

Utility:

   cordova-res : 0.15.3
   native-run  : not installed

System:

   NodeJS : v14.16.0
   npm    : 6.14.11
   OS     : Windows 10

[liamdebeasi]

Thanks for the issue. Can you reproduce this in an Ionic starter app and provide a link to the repo? I am unable to reproduce the issue using the info provided.

[ionitron-bot[bot]]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[mwoess]

Thanks for the issue. Can you reproduce this in an Ionic starter app and provide a link to the repo? I am unable to reproduce the issue using the info provided.

I pushed a project from starter template. https://github.com/zzow/ionic-issue-23256

[liamdebeasi]

Thanks! I can reproduce this behavior. This looks to be a bug in WebKit, the engine that powers Safari and WKWebView on iOS. It looks like this regressed with iOS 14.5, as I cannot reproduce the issue on iOS 14.4.

I have reported this issue to the WebKit team: https://bugs.webkit.org/show_bug.cgi?id=225354

[liamdebeasi]

This issue appears to be resolved in the iOS 14.7 developer beta. I will post here when iOS 14.7 has shipped.

[liamdebeasi]

Hi everyone,

iOS 14.7 has been released, which includes a fix for this bug. You can access this update via Settings > General > Software Update.

For any additional issues in Ionic Framework, please open a new issue. Thank you!

[ionitron-bot[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.