In case you thought you were going mad and over-scrutinising your transition styling recently...
Posted November 09, 2021
By James Parker
Just a quick note to save your sanity if, like me, you were trying to debug why some of your CSS transition animations are no longer working with the latest version of iOS (v15).
After debugging a broken left: -100%; to left: 0%; mobile menu transition: left ease .3s; animation for a good hour; I was wondering if I was going completely mad or had just forgotten everything I know about basic styling.
I can confirm that the latest version of iOS (v15) has broken some basic CSS transitions.
I have only found so far that transitioning position values of top, right, bottom, left are affected.
A support ticket has been raised with Apple here: https://developer.apple.com/forums/thread/691655
Let’s hope they fix soon!
Other peoples’ opinions matter. I have worked with many people over the years and think it is important to share their experience of working with me.
James is a passionate and professional developer with a keen attention to detail and deep understanding of his field. His frontend experience, clear guidance, and knowledge of accessibility guidelines and best practices have proven extremely valuable.
Product Manager, Oxford Computer Consultants
Tried and tested React application development. From super-fast single page applications to efficient large-scale corporate websites.
Experienced approach to coding consistent and maintainable frontend templates and component libraries.
Deep understanding of website accessibility, accessibility consultation, practical design, development, and testing experience.
