LayoutTests/fast/css-generated-content/quote-layout-focus-crash.html - WebKit - Git at Google

 <!DOCTYPE html>

 <style>
     /* Must be positioned absolute or static, must have margins to push it out view. */
     .positioned {
         position: absolute;
         margin-top: 100%;
     }

     /* Any kind of quote will do, can be either :before or :after */
     .positioned:before,
     .focusable:before {
         content: open-quote;
     }
 </style>

 <p>Bug 109616 - ASSERT(!renderer()->needsLayout()) when calling Element::focus() with generated content</p>

 <!--
     This is testing a case where RenderQuote::updateDepth would mark the RenderQuote
     and its ancestors as needing layout in the middle of a layout of its ancestor.
     When its ancestor finishes the layout it will mark itself and the ancestors
     farther up as no longer needing layout. The end result is some subtree
     needing layout, but the RenderView and possibly other ancestors of the subtree
     not needing layout.

     ex.

     RenderView <- !needsLayout
         \
        RenderBlock (.focusable) <- needsLayout
             \
              RenderBlock (generated content) <- needsLayout
                 \
                  RenderQuote <- needsLayout
 -->

 <div class="positioned"></div>
 <div class="focusable" tabindex="1"></div>

 <script>
     if (window.testRunner)
         testRunner.dumpAsText();
     // .focusable still needs layout at this point, but RenderView doesn't
     // think any descendants need layout.
     document.querySelector('.focusable').focus();
 </script>
	<!DOCTYPE html>

	<style>
	/* Must be positioned absolute or static, must have margins to push it out view. */
	.positioned {
	position: absolute;
	margin-top: 100%;
	}

	/* Any kind of quote will do, can be either :before or :after */
	.positioned:before,
	.focusable:before {
	content: open-quote;
	}
	</style>

	<p>Bug 109616 - ASSERT(!renderer()->needsLayout()) when calling Element::focus() with generated content</p>

	<!--
	This is testing a case where RenderQuote::updateDepth would mark the RenderQuote
	and its ancestors as needing layout in the middle of a layout of its ancestor.
	When its ancestor finishes the layout it will mark itself and the ancestors
	farther up as no longer needing layout. The end result is some subtree
	needing layout, but the RenderView and possibly other ancestors of the subtree
	not needing layout.

	ex.

	RenderView <- !needsLayout
	\
	RenderBlock (.focusable) <- needsLayout
	\
	RenderBlock (generated content) <- needsLayout
	\
	RenderQuote <- needsLayout
	-->

	<div class="positioned"></div>
	<div class="focusable" tabindex="1"></div>

	<script>
	if (window.testRunner)
	testRunner.dumpAsText();
	// .focusable still needs layout at this point, but RenderView doesn't
	// think any descendants need layout.
	document.querySelector('.focusable').focus();
	</script>