Using the :placeholder-shown selector works well and will ensure any text input doesn’t get hidden. Compatibility is pretty solid too. input:placeholder-shown { text-overflow: ellipsis; } <input placeholder=”A Long Placeholder to demonstrate”></input>
Not all browsers support the same date formats. The best approach is to split the string on the separator characters (-, and 🙂 instead, and pass each of the resulting array items to the Date constructor: var arr = “2010-03-15 10:30:00”.split(/[- :]/), date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5]); console.log(date); //-> Mon … Read more
This answer is no longer state of the art, unless you are developing for a very old iOS device… Please see other solutions 2011 answer: For a web/html app running inside iOS Safari you want something like document.ontouchmove = function(event){ event.preventDefault(); } For iOS 5 you may want to take the following into account: document.ontouchmove … Read more
I had a similar issue and found that applying overflow: hidden; to both html and body solved my problem. html, body { overflow: hidden; } For iOS 9, you may need to use this instead: (Thanks chaenu!) html, body { overflow: hidden; position: relative; height: 100%; }
For me, the solution is adding ?v=1 at the end of all your Javascript and CSS links. I’ve tried everything before seeing that on another Stackoverflow post and it worked directly !!! It was about time…
[UPDATED – Sep 2013 – iOS7 now supports direct download of VCARDs from we page and import into native contact application so you only need the solution below whilst iOS6 and below still do not support it – that may change in future now that Apple have accepted the feature ] [UPDATED JAN 2013 – … Read more
z-index is not reliable with position:fixed, as shown in this fiddle: http://jsfiddle.net/mZMkE/2/ use translateZ transformation instead. transform:translateZ(1px); on your page elements. EDIT: In your code, Add this css: .bla, .projects, .contact { -webkit-transform:translateZ(1px); -moz-transform:translateZ(1px); -o-transform:translateZ(1px); transform:translateZ(1px); } and then remove z-index refs from those elements and .intro.
The following code fixed the issue for me (and some other people -> see GitHub link): body { padding-right: 0px !important } .modal-open { overflow-y: auto; } Source: https://github.com/jschr/bootstrap-modal/issues/64#issuecomment-55794181
We also encountered this bug on 2 different iPad applications, for us the best fix was to temporarily remove the fixed position from the fixed element once the animated scroll had finished, then use window.scroll with the vertical value we’d just performed the animated scroll to, then finally re-apply the position fixed style. It does … Read more
I see two problems here: Mobile Safari will not figure out your video dimensions (or aspect ratio) for you. You have to specify the height and width in the element attributes or CSS, because it’s not going to download the video file header at all until you start playing. See this page, third section. Even … Read more