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.
Related
Elements inside an iframe are unable to be taped after the iframe is scrolled using window.scrollTo() or window.scrollBy()
Reproduction steps:
Visit https://victornpb.github.io/ios-scrollable-iframe-issue/
Click the buttons on the left, it changes color to show that it is working.
Click the "Scroll down" button and it scrolls the iframe down by 50 pixels.
After that the buttons doesn't work at all.
Screen capture video
It works fine on Desktop Safari, this issue only happens on Mobile Safari
I opened an issue on webkit repo here just in case.
iPhone iOS 12.1 (16B92)
I need to work around this limitation/bug, I can't add external scrolling though, because I need scroll events inside the iframe.
I'm using expo in my react native project.
Everything is fine when loaded to either Android or iOS emulators. However when I side-load it to my actual iOS phone device, everything is flipped.
The header hamburger menu goes to the right even though the drawer still animated from the left. Text exclamation marks precede the word it's exclaiming.
Even the side drawer content is flipped with the icons on the right and the expand arrows to the left. Looks very much like it's RTL formatted but I don't remember doing anything of the sort.
Loaded on Emulator:
Loaded onto device:
Any ideas?
In iframe, if the user starts typing (keyboard open) screen got blur in iOS Device, it is not visible until unless user scrolls down & focus out the keyboard.
when keyboard press in ios device the iframe position varies, in my code i have written iframe position fixed with 100 vh but due position my ui get distort
Scnario :In Safari/Chrome in iOS 9.3.2 (I tested on iPhone 6s) clicking button while the input is focused, causes the iFrame to be removed, but the cursor stays blinking on screen. Furthermore, the keyboard stays open (clicking keys does nothing). After dismissing the keyboard, clicking anywhere else in the screen causes the keyboard to pop back again.
my issue got solved by body
html {height:100%; overflow-x:hidden }
may be it will help others
I'm working with XCode (Swift) and am having trouble seeing all my controls on the simulator.
Your simulator is launched in a full-scale mode for iPhone 6s Plus. Phone's resolution is too high to display full-size on regular Mac's display. Just go to Simulator Menu > Window > Scale and select 50% to see full-size iPhone screen.
PS: you can also just scroll with a mouse to see all contents of the simulated device screen.
This is what the screen displays on my MacBook. After I updated Xcode, it changed from showing the entire screen of the device to showing part of the screen. I now have to scroll to see everything that would be displayed on the screen.
Bring the simulator app to the front, select the window menu, and choose scale. Pick progressively smaller scales values until the whole simulator fits on your screen. (It should really have a "fit to screen" option, but it doesn't.)
You can resize simulator using
command+1
command+2
command+3
if it doesn't fit.. u will need a bigger screen.