Input caret floating over a fixed layer when scrolling - ios

In iOS Safari, when we have a fixed header and scrollable content under it, when we scroll, the input is properly hidden by the header but the blinking cursor remains over it.
Reproduced in iOS 9.2.1 and 9.3 beta
Here is the code, to test in iOS safari
[http://jsbin.com/hoxuxu/edit?html,css,js,output]

Related

UITextfield / UITextView native edit menu is cropped

The native edit menu for all the UITextFields and UITextViews in the app is cropped in >= iOS 16.
The menu is cropped and scrolling to the most right doesn't stick, so the last buttons are unreachable.
This only reproduces in my app for any device / simulator, doesn't happen to any other apps and doesn't reproduce with the previous iOS versions.
Have anyone encountered this problem as well?

React Native KeyboardAvoidingView on IOS without predictive text causes errors when changing keyboards

When I disable predictive text on an IOS device keyboardAvoidingView no longer works when changing between the text keyboard and the emoji keyboard.
When you first focus on the textInput the keyboardAvoidingView works as expected, however if you then select the emoji keyboard option the keyboard avoiding view drops and the keyboard is covering the textInput.
Note this is only an issue on Apple devices when predictive text has been turned off in the settings.
Any suggestions on how to work around this would be great please.

iOS 13 Scrolling issue with blob pdf files (no scrolling with one finger)

My application opens a pdf from a blob object, since the update to iOS 13, the newly opened pdf does not scroll with one finger.
Using two fingers make the scrolling work.
Tested on iphone with iOS 12.x, and it indeed scrolls with one finger.
The only 'good' change is the title of the pdf viewer that changes from 'blob' (in iOS 12.x) to the regular domain in iOS 13.
The issue was fixed in the iOS 13.1 update!

Detect New iOS 8.3 Emojis

I've run into a very bizarre bug on iOS versions below 8.3. Essentially what's happening is iOS 8.3 emojis are causing UITextViews inside UITableViewCells to behave weirdly. I have a UITableView and as it's scrolled and the cells are recycled, any UITextViews that previously contained an iOS 8.3 emoji start displaying their contents very weirdly. The vertical spacing is weird, spacing between characters is weird, and some words become invisible.
To solve this, I'd like to replace all occurrences of 8.3 emojis with something else. Is there a way to detect only emojis specific to iOS 8.3?

iOS Simulator HTML Web Page: Scrolling a text box with mouse

Using the iOS Simulator and viewing a html page with a text box that has scrolling content, how do you use the mouse to scroll that text region?
On a real iOS device you simply press and hold and drag on the text box, but on the simulator doing that with a mouse scrolls the entire screen.
Because it is a simulator and not an emulator. You can use the simulator to 'test' how it looks like but you cannot test all of the features. The simulator is just an iframe sized to the resolution of an iPhone or whatever.

Resources