Support Article
Cursor moves along with the screen while scrolling in Safari
SA-12461
Summary
In iPAD, Safari browser, a cursor set in a text field moves along with the screen when scrolling up and down.
Error Messages
Not Applicable
Steps to Reproduce
1. Open any skin rule in a Developer Portal on iPad (Safari browser).
2. On the right hand side of the skin rule, in the preview panel, set the focus on a text input (say Last Name).
3. Scroll up and down to observe that the cursor shifts while scrolling.
Root Cause
This is a known IOS Safari webkit 7/ 8 issue which occurs when one uses webkit-overflow-scrolling: touch on the container element.
Resolution
This is not an issue with Pega but with iOS safari webkit 7 and 8. if the CSS property webkit-overflow-scrolling:touch, the native elastic scroll will be lost which makes scrolling very slow.
The cursor blink is momentary and dominantly visible only when one scrolls though a lengthy content.
For now iOS Safari webkit users have to live with this limitation or give-up the elastic scroll.
Another cause of the issue is with the IAC Gadget Div styles as it does not have enough height. One may also notice the issue in iframes where iframe content is bigger than Height of the Div enclosing that iframe.
In such a case, change the IAC gadget Div height/width logic embedding the PRPC IAC accordingly.
Published July 29, 2015 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.