iPhone browser defaulting to uppercase for first letter of password fields
<input type=”text” name=”test1″ autocapitalize=”none”/> The docs can be found here: Supported Attributes: autocapitalize
safari
Programmatically selecting text in an input field on iOS devices (mobile Safari)
input.setSelectionRange(0, 9999); https://developer.mozilla.org/en/DOM/Input.select
What happens when localStorage is full?
Firstly, some useful resources: Web Storage Support Test – has a table comparing data storage quotas between browsers. Simple localStorage quota test Summary of localStorage browser behaviour W3C spec – indicating how a user agent (e.g. browser) should behave (both localStorage and sessionStorage). In answer to your question, desktop browsers tend to have an initial … Read more
HTML5 date picker doesn’t show on Safari
Safari does not include a native datepicker for its desktop version (although it does for iOS). Incidentally, neither does IE. It’s very frustrating as it could save developers a lot of time if they did. This is a useful link for tracking support for it: http://caniuse.com/#feat=input-datetime
How to Inspect Element using Safari Browser
In your Safari menu bar click Safari > Preferences & then select the Advanced tab. Select: “Show Develop menu in menu bar” Now you can click Develop in your menu bar and choose Show Web Inspector See the detailed guide here for more info: LINK You can also right-click and press “Inspect element”. EDIT As … Read more
Prevent safari loading from cache when back button is clicked
Your problem is caused by back-forward cache. It is supposed to save complete state of page when user navigates away. When user navigates back with back button page can be loaded from cache very quickly. This is different from normal cache which only caches HTML code. When page is loaded for bfcache onload event wont … Read more
Eliminate 300ms delay on click events in mobile Safari
Now some mobile browsers eliminate 300 ms click delay if you set the viewport. You don’t need to use workarounds anymore. <meta name=”viewport” content=”width=device-width, user-scalable=no”> This is currently supported Chrome for Android, Firefox for Android and Safari for iOS However on iOS Safari, double-tap is a scroll gesture on unzoomable pages. For that reason they … Read more
Safari ignoring tabindex
By default tab-access is disabled in safari(!). To enable it, check “Preferences > Advanced > Press tab to highlight each item on a page”.
Safari in ios8 is scrolling screen when fixed elements get focus
Based on this good analysis of this issue, I’ve used this in html and body elements in css: html,body{ -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; } I think it’s working great for me.
Is it possible to display a custom message in the beforeunload popup?
tl;dr – You can’t set custom message anymore in most modern browsers A quick note (since this is an old answer) – these days all major browsers don’t support custom message in the beforeunload popup. There is no new way to do this. In case you still do need to support old browsers – you … Read more