Overview:
Why are custom navigation buttons not working on Veeva CRM iPad in a CLM Presentation after moving to iOS version 16.4.1.?
Root Cause:
WebKit 605.1.15 in iOS 16.4 has different outcome with z-index ordering when a negative z-index and the CSS attribute -webkit-transform-style: preserve-3d is used in any component.
Solution:
Due to the complexity of the problem, there are several possible steps to resolve the problem, depending on the code:
- Use a non-negative z-index, ex: 0 would work
- Remove the CSS attribute: -webkit-transform-style: preserve-3d
- Set the position CSS property to flex/grid (see further the linked documentation)
- Add a CSS attribute to ignore registering clicks on the image by using: pointer-events: none
Note: Be mindful to re-adjust all the z-indexes of all the other elements
Note: The last two points are more of a workaround; not fixing the z-index issue directly.
Note: Debugging or fixing custom code is out of the scope of Veeva Product Support.