Ionic 2 ion-tab shows white screen if clicked twice - angularjs

Hi I am building an app with Ionic 2 which has a Google Map implementation. Everything works fine with the app except if I am on the map tab and I hit the map tab again the map disappears. Has anyone ran across this issue or know of a fix to stop the map from disappearing?
Below is how I am calling the map
<div #map id="map" ></div>
Thanks

This occur because of a ionic2 bug on tab. When you click twice same tab, the tab reload.
Fortunately, it was fix in the last version.
https://github.com/driftyco/ionic/blob/master/CHANGELOG.md
You have to upgrade your ionic2 version to 3.1.1.

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.

Bootstrap modal on Iphone - blank space

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

Angular tabs re-ordering themselves onClick on newest version of Chrome

In my AngularJS app, I'm using a custom tabs directive to create several clickable tabs. On the newest version of chrome (77.0.3865.90), clicking on of these tabs causes the clicked tab to unexpectedly re-order itself. (The tab, which was on the right before, slides all the way to the left). In addition, some tabs are being covered by other tabs.
Does anyone know if this is due to a regression in the newest version of chrome? I don't see this behavior in Firefox or Edge.
This is no longer an issue in my app. I'm assuming a chrome update fixed this issue.

Angular UI Bootstrap Carousel Pager stops working after I visit other tabs and return back

I have angular UI bootstrap's carousel directive implemented on my site. Everything is working fine and suddenly I noticed that whenever I browse to other sites, leaving my site open in one tab and come back to my site again, the pager and carousel controls stop working. It's strange but I have set my carousel to auto rotate and it also stops.
The carousel won't work until I refresh. First, I thought I had some bugs in my code, but when I tried their own slider from the https://angular-ui.github.io/bootstrap/#/carousel website, also shows the same behavior.
Any thoughts or fixes on this?
For the code, please visit this link :
https://angular-ui.github.io/bootstrap/#/carousel
And scroll down to the Carousel section and click Edit in Plunker.
Thankyou!
This is a known issue and is under investigation.

When Go to Previous Page using href two pages merge in ionic

I am using ionic for phonegap to build mobile app.
As i have written all code and now when I click back button to returns, some times shows like below attached image.
I have used href="#/pagename" to change page in html.
After long Research I found the solution.Below is the refresh link and the solution.
http://blog.ionic.io/preparing-for-ios-9/
:)

Resources