Row Wrap in flex-box not wrapping in Safari

Per a comment on bugs.webkit.org, it seems the solution is simple! If your style is div.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; } div.flex .item { min-width: 15em; -webkit-flex: 1; flex: 1; } you just need to add more explicitness to your flex declaration. In fact, I think … Read more

Safari 11.1: ajax/XHR form submission fails when input[type=file] is empty

UPDATE: Old answer does NOT work in Firefox. Firefox returns just empty string for FormData.get() on empty file field (instead of File object in other browsers). So when using old workaround, empty <input type=”file”> will be sent like as empty <input type=”text”>. Unfortunately, there is no way to distinguish an empty file from an empty … Read more

plays in other browsers, but not Safari

Safari requires webserver to support “Range” request header in order to play your media content. https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/CreatingVideoforSafarioniPhone/CreatingVideoforSafarioniPhone.html#//apple_ref/doc/uid/TP40006514-SW6 For a legit “Range” request response, your webserve need to return status code “206”.

jQuery scrollTop() doesn’t seem to work in Safari or Chrome (Windows)

I was having this problem in Safari and Chrome (Mac) and discovered that .scrollTop would work on $(“body”) but not $(“html, body”), FF and IE however works the other way round. A simple browser detect fixes the issue: if($.browser.safari) bodyelem = $(“body”) else bodyelem = $(“html,body”) bodyelem.scrollTop(100) The jQuery browser value for Chrome is Safari, … Read more