
However, in Safari 10.1.2 and Safari TP 31, there appears to be a. I fixed it by setting flexbox-shrink: 0 on nested flexbox. In Chrome and Firefox, the images respect the height of the grid row and adapt properly.


I’d guess the expectation is that, in order for us to do our own fixed-bottom-UI stuff, we’d be doing. I personally had a problem on Safari when the content of my upper flexbox was more than 100 of its height, in which case the nested flexbox had its height shrunk to 1px. But I really just don’t know, we’ll have to see when it comes out and we can play with it. Perhaps the most noticeable thing there in Safari 15 on iOS is URL bar at the bottom! Dave was speculating in our little Discord watch party that this probably fixes the weird issues with 100vh stuff on iOS. Marketshare data is calculated from the b illions of page views logged every week by the 1+ million websites that use Clicky Website Analytics to monitor, analyze, and react to their traffic in real time. In the sheet that appears, click the drop-down bookmarks menu.
#SAFARI 10.1.2 TOP CSS WINDOWS#
There’s a 33-minute video (and resources) over on covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. During the announcement, he ran a benchmark based on the iBench browser test suite comparing the most popular Windows browsers, hence claiming that Safari. The main way to add a site to Safari’s Top Sites is from the Bookmarks -> Add Bookmark menu.
