Bootstrap modal on Iphone - blank space - angularjs

Hi im using a bootstrap modal and when opened the modal on an iphone and tap to write, the phone keyboard shows up and i noticed that a blank space at the bottom is added, anyone experienced this issue before, just happens on ios safari.
view issue here

Having the same issue since iOS update last week. Blank spaces in the code where my modals sit. The ‘fix’ is to clear history and website data in settings, but that is not great for customer experience. Hope we can find a solution

Related

REACT - Scroll to image loaded when component is re-rendered (happens only on IOS)

I've done some research before come here to ask help, but this issue it's so weird that I can barely describe it to find for some help. Well, I coded pagination logic on my own using React. After finishing I've tested it on Windows using chrome, working fine, on Android using chrome and samsung browser, also working fine...but on IOS using both safari and chrome, when moving through pagination, it scrolls to the new image that is loaded breaking the scroll to the top that I implemented, this video sums up everything:
https://www.youtube.com/shorts/o3aDHOvDIto
You can see that everytime I change pagination it jumps to the image and then scroll to the top, after I cycle between all the posts, this behavior stops and the pagination do what I originally intended, scroll to the top after user select position of the pagination.
You can check it by yourself on you ios device (I was using iPhone 13)
https://hosana.dev/blog.html
Also here is my source code
https://github.com/diegodiego1989/hosana.dev-blog
What I'm doing wrong? Thanks in advance.
To be honest I have no idea on why this is happening.

hide address bar while scrolling in ionic in mobile browser

I am working on a project using Ionic and AngularJs. I need to hide the address bar on scroll just like Facebook mobile. When we open Facebook in a mobile browser and scroll to the top it hides the address bar. I need the same thing in Ionic for all platforms - Android, IOS etc.
I am breaking my head for last 2 days on this. But I still haven't found
anything relevant. I tried many things but nothing worked out. Kindly
help me to get out of this and also suggest if it is not possible.

Angular Bootstrap Modal in Microsoft Edge - Background bleeding through

This happens on hovering over the inputs and dropdowns. It only happens in Edge, not in Chrome or IE11. Any idea what could be causing it? Apologies for the phone pic, it doesn't appear on print screen for some reason

Weird Keyboard Behaviour In Android Ionic App

I have been dealing with this particular issue for 4 days and it is really frustrating. I have a page that has a couple of form fields. When one of the input field loses focus, the keyboard slides down as expected but then a white background is displayed in place of where the keyboard appeared. I have attached an image to demonstrate the problem.
http://i.stack.imgur.com/ZHsBB.gif
I am testing on a HTC One M8 running Android 4.4 using Ionic 1.0.0 and the Ionic Keyboard plugin. I really need help with this issue.

IE7 minimizes on clicking links

I am developing this website for a client. It was working fine till a couple of days ago on all major browsers.
Since yesterday I have been facing this unusual problem:
In IE7, whenever I click on any link on the page (navigation link or anything else), the IE7 window minimizes. When I restore the window, the proper link(the new page) is open and showing. Also, this occurs only if I have one IE7 tab open, i.e: if suppose I have two tabs on the window then it works perfectly.
Also, this works fine on IE6 and Firefox. Firebug shows no errors of any kind when I am loading the same page in Firefox.
Can anyone think of a reason that this could be happening?
If you restore IE7 to the default settings, does the problem remain?
If you disable Javascript, does the problem remain?

Resources