Created attachment 197945 [details] Test case * SUMMARY When refreshing a web page that has an overflowing console log, graphical glitches occur in the Web Inspector on nightly.webkit.org builds. * STEPS TO REPRODUCE 1. Load attached test case in WebKit nightly build on Mac. 2. Open the Inspector (Cmd-Opt-I). 3. Click on the console to display it. 4. Reload the web page. * RESULTS Text overlaps in console (see attached screenshot). * REGRESSION This is a regression from commit r147261 which was the fix for Bug 111790. <http://trac.webkit.org/changeset/147261> * NOTES This works as expected in WebKit nightly build r147249. The bug starts occurring in WebKit nightly build r147268.
Analysis from Tim Hatcher: ''' min-height is defaulting to 0 now and not -webkit-min-content. However, putting min-height: -webkit-min-content on the element does not work. It seems -webkit-min-content only works on min-width? '''
<rdar://problem/13602668>
Another workaround that should work is setting -webkit-flex-shrink to 0. It's a bummer to change the API this late in the game, but I think the benefits still outweigh the cost.
Also, you may want to bring in https://chromium.googlesource.com/chromium/blink/+/5214cf3a1d0d78e880688ccd451e6145b9e69267 to make -webkit-min-content work on heights.