I had a problem where flexbox didn’t wrap on iOS but worked fine on all other browsers.
Thankfully it turned out to be a simple fix, on my flexbox child item I had to change
flex: 1
to
flex: 1 0 $minWidth; // Just 'flex: 1' will break wrapping on iOS.
where $minWidth is the minimum desired width of the flexbox child item.
I’ve noticed recently that Firefox has started showing a 1px dotted border around flash objects when I click on them. It didn’t bother me enough to look for a solution, but today the solution found me.
In my rss reader a blog post from FlashComGuru pops up, showing how to get rid of this annoyance, pasted here for your convenience:
Simply add this to your page’s stylesheet:
a:focus, object:focus { outline: none; -moz-outline-style: none; }