Created attachment 234094 [details] Demo Instead, it inherits the height of the named flow. This only occurs when one CSS region is defined for a particular named region: #content { -webkit-flow-into: content; } #region1 { height: 50px; -webkit-flow-from: content; -webkit-filter: blur(5px); -webkit-transition-property: -webkit-filter; } <div id='content'>...</div> <div id='region1'></div> Only text in the #content container that falls into #region1 should be blurred, i.e. top 50 pixels. This behaves as expected on iOS7 and the latest stable version of Safari on Mac OS X.
Bug 134302 was filed based on your radar, and resolved as a dup of bug 118665. *** This bug has been marked as a duplicate of bug 118665 ***