I have build an application which uses the WebView.When application launch and comes to WebView controller then before WebView complete its loading the ui bar button item shows only the custom icon but when WebView complete its loading then a vertical line show on the right side of custom icon.
This happen only on iPad Air 2 version 10.3.2 or below this version.
Here are the screen shots
before WebView completes its loading
And after complete its loading
I have encountered a similar behaviour in iOS 10.X and spent some time to find a reason of the problem. So I have decided to describe it in more details.
Sometimes we can unexpectedly discover a vertical line at right side of UIBarButtonItem in our applications. This vertical line don’t visible in Storyboard or in iOS 11+, but it may appear unexpectedly in iOS 10.X, e.g. when UIAlertController was displayed.
The reason is that Title field of UIBarButtonItem has "Item" value by default. I don’t know as you, but I sometimes forgot to clear this field ( not now, of course ;)) So, if you don’t want to see your UIBarButtonItem with title and you don’t want to see the unexpected appearance of vertical line at the right side of your button, keep Title field is empty.
Related
I have weird problem with iOS 8 application: there is a bar button image with some icon.
Problem is that the icon is sometimes shown, but sometimes is missing (but item remains clickable - without any visible appearance, I just know it's there, so I know where to click).
I haven't seen any pattern that would suggest where could be problem, it just disappears and appears randomly.
Anyone had similar problem?
I have the problem in simulator and on device.
Check,
if the name of your image that you put with your button is same with the targeted image files you put in your assets files
Check the view layers. You might put the image button layer under some other view that block your button image
We are testing how our app, which contains an UIWebView, copes with the new Split View functionality for iPads. And doing so we have run into trouble with select fields.
When the user taps a select field, a popover with the available options appears. However, when the app is resized (by pulling the divider of the split view to the left or right), we see a blank screen or a select list that takes up all of the available space and which cannot be dismissed.
Any ideas?
It seems like the best solution for now would be to dismiss the popover as soon as the resize event is fired. Hopefully, Safari will soon be updated to dismiss popovers automatically, when web views are resized.
In the meantime, you can hook up a resize handler to the window:
window.addEventListener("resize", resizeHandler);
function resizeHandler() {
safari.self.hide();
}
This appears to be a bug in the popover in Safari. When I go through similar steps, the layout of the web page changes to fit the new dimensions. However, the popover is not re-positioned with the select field. The result is that it is detached from the field that presented it.
Following these steps, I was able reproduce your issue, but to a lesser extent than what you described:
With the split bar to the right of the iPad, tap on the select box.
Move the split bar to the center of the iPad.
The popover is no longer attached the to the select field.
Here's a screen shot of the detached popover:
Here's the original select field position:
The problem still exists with iOS 9.2.1 and iOS 9.3 beta 2.
You can reproduce it with every third-party browser.
An HTML Select input on iPad is not working in Slide Over or Split View 1/3 width.
https://forums.developer.apple.com/thread/23300
Currently there is no workaround possible,
expect not to use HTML select.
I have descriped details on the following side.
https://medium.com/#chemm/select-inputs-on-ipad-breaking-third-party-browsers-in-slide-over-or-split-view-1-3-952b796d70ad#.shytp1ywi
I have an interesting issue with an IOS app, 32bit at present.
I have a simple project with one form, a button and a TWebBrowser component.The "onclick" of the button sets the align property of the twebbrowser to client and opens a webpage (www.trademe.co.nz for testing).
Every thing works ok until I go to use the virtual keyboard (e.g. enter a search). When the virtual keyboard appears I am getting a second "done" button bar appearing above (and behind?) the main one. The main "done" bar includes next and previous buttons, whereas the background one doesn't. It appears that there are two keyboards appearing. I have the issue on both my test phones, one running IOS7 and the other running IOS6 and I believe it is also happening under IOS8.
Does anyone have any idea what causes this?
TIA
I've been working on a couple of iOS action extensions for a while, but I have noticed an odd behavior I was wondering if anyone else saw. In short, after you install and turn the extension on from the share button menu and leave the menu, it disappears from the menu.
More specifically, when you first install the extension, you expect you have to press the share button, scroll the bottom bar menu (for the action extensions) all the way to the right, press the "More" button, toggle your extension on and then press done. At that point the icon for the extension will appear and you can use it. However, the next time you want to use the action extension, the icon will not appear and you have to repeat the process, even though when you look in the "More" menu, the toggle switches for your app are already flipped on.
I wish I could add images to further elaborate here, but I can't because of StackOverflow's rules.
I have not been able to find any information on this any where, so I was hoping someone here has noticed this behavior or not. Any help on resolving this would be greatly appreciated.
This has been a bug in iOS 8.3, and has been acknowledged by Apple.
Fixed in iOS 9.
Issue on OpenRadar
How to solve:
The new share extension is NOT visible in the default list, and is CHECKED in the “More…” list. Changing any of the switches and tapping Done will show the new share extension in the default list.
Say you've got a Xcode app with embedded web view exposing a simple HTML5 page.
This page has a title and an input tag and a nav top bar (position: fixed; top:0;).
When the user tap in it the first time, the whole screen scrolls up to enable the keyboard appears while maintaining the input tag visible, when I tap the enter button.
The issue I face is that my HTML is not restored identically (I mean, it scrolls down back, but my top bar is shifted about 10 pixels below the top edge of the screen.
But when I tap the keyboard hide button, the scrolls restore my initial view, with no issue.
Anyone experienced the issue before? Any clue of what going on or a way to work around this?
Ps: issue is present on iOS 7 (7.1.2). I didn't tested on iOS 8 as my app must support iOS 7.
I finally ended up with adding an explicit keyboard withdrawing by applying blur() the the input as follows:
<input ng-change="$(this).blur()">
This immediately makes the keyboard disappearing, while the hw initial scrolling is reversed.