bug: ios 14.5, variables changes not being rendered with pointer-events property
See original GitHub issueIonic 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:
- Add a ion-button to template
- Bind the disabled attribute to a property
- 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:
- Created 2 years ago
- Reactions:2
- Comments:7 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This issue appears to be resolved in the iOS 14.7 developer beta. I will post here when iOS 14.7 has shipped.
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.