question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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: image image

That’s the button on my iPhone: image 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

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:2
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
liamdebeasicommented, May 19, 2021

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

0reactions
ionitron-bot[bot]commented, Aug 18, 2021

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

225354 – iOS 14.5 Regression CSS Variable updates are not ...
This issue does not reproduce on Chrome 90 or Firefox 88. - Removing "pointer-events" from the host styles causes the rendering to work...
Read more >
Ios 14.5.1 : Issue with ion-button while changing disabled ...
This is likely due to a bug in WebKit with iOS 14.5 (see: bug: ios 14.5, variables changes not being rendered with pointer-events...
Read more >
pointer-events - CSS: Cascading Style Sheets - MDN Web Docs
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
Read more >
Safari Technology Preview Release Notes - Apple Developer
Fixed $0 not being displayed for the selected node after switching to another tab (r291729); Fixed unwanted extra dash when autocompleting CSS variable...
Read more >
Setting pointer-events dynamically on iOS 15 Safari is ...
pointerEvents = "none"; }. I've also removed any property specification in CSS. Once the property is set to none anywhere in the CSS...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found