Attachment #179492 for bug #102560

View Details Raw Unified Return to Bug 102560

| Differences between



2012-12-12  Tim Volodine  <timvolodine@google.com>

        Text Autosizing: Work out what to do about form controls
        https://bugs.webkit.org/show_bug.cgi?id=102560

        Reviewed by NOBODY (OOPS!).

        Disallow autosizing of form input controls like buttons, text input fields, selection controls, radio buttons
        and check boxes. This is a short term solution to avoid inconsistent autosizing of form controls (which is
        worse than not autosizing at all).

        Tests: fast/text-autosizing/form-controls-boosting-button-textarea-input-elements.html
               fast/text-autosizing/form-controls-boosting-checkbox-input-element.html
               fast/text-autosizing/form-controls-boosting-radio-input-element.html
               fast/text-autosizing/form-controls-boosting-select-element.html

        * rendering/TextAutosizer.cpp:
        (WebCore):
        (WebCore::TextAutosizer::containerShouldBeAutosized):
        (WebCore::TextAutosizer::contentHeightIsConstrained):
        (WebCore::TextAutosizer::processContainer):
        (WebCore::TextAutosizer::isAutosizingContainer):
        (WebCore::TextAutosizer::containerContainsTags):
        (WebCore::TextAutosizer::measureDescendantTextWidth):
        (WebCore::TextAutosizer::findDeepestBlockContainingAllText):
        * rendering/TextAutosizer.h:

2012-12-04  Antoine Quint  <graouts@apple.com>

        TextTrack's .kind property should return lower-case values

Lines 25-30 a/Source/WebCore/rendering/TextAutosizer.cpp_sec1
- a/Source/WebCore/rendering/TextAutosizer.cpp -3 / +50 lines
25	#include "TextAutosizer.h"	25	#include "TextAutosizer.h"
26		26
27	#include "Document.h"	27	#include "Document.h"
		28	#include "HTMLElement.h"
28	#include "InspectorInstrumentation.h"	29	#include "InspectorInstrumentation.h"
29	#include "RenderObject.h"	30	#include "RenderObject.h"
30	#include "RenderStyle.h"	31	#include "RenderStyle.h"
Lines 35-47 a/Source/WebCore/rendering/TextAutosizer.cpp_sec2
35		36
36	#include <algorithm>	37	#include <algorithm>
37		38
		39	#include <wtf/StdLibExtras.h>
		40
38	namespace WebCore {	41	namespace WebCore {
39		42
		43	using namespace HTMLNames;
		44
40	struct TextAutosizingWindowInfo {	45	struct TextAutosizingWindowInfo {
41	IntSize windowSize;	46	IntSize windowSize;
42	IntSize minLayoutSize;	47	IntSize minLayoutSize;
43	};	48	};
44		49
		50
		51	static const Vector<QualifiedName>& formInputTags()
		52	{
		53	// Returns the tags for the form input elements.
		54	DEFINE_STATIC_LOCAL(Vector<QualifiedName>, formInputTags, ());
		55	if (formInputTags.isEmpty()) {
		56	formInputTags.append(inputTag);
		57	formInputTags.append(textareaTag);
		58	formInputTags.append(buttonTag);
		59	formInputTags.append(selectTag);
		60	}
		61	return formInputTags;
		62	}
		63
45	TextAutosizer::TextAutosizer(Document* document)	64	TextAutosizer::TextAutosizer(Document* document)
46	: m_document(document)	65	: m_document(document)
47	{	66	{
Lines 119-125 void TextAutosizer::processCluster(RenderBlock* cluster, RenderBlock* container, a/Source/WebCore/rendering/TextAutosizer.cpp_sec3
119	processContainer(multiplier, container, subtreeRoot, windowInfo);	138	processContainer(multiplier, container, subtreeRoot, windowInfo);
120	}	139	}
121		140
122	static bool contentHeightIsConstrained(const RenderBlock* container)	141	bool TextAutosizer::containerShouldBeAutosized(const RenderBlock* container)
		142	{
		143	if (containerContainsTags(container, formInputTags()))
		144	return false;
		145
		146	return !contentHeightIsConstrained(container);
		147	}
		148
		149	bool TextAutosizer::contentHeightIsConstrained(const RenderBlock* container)
123	{	150	{
124	// FIXME: Propagate constrainedness down the tree, to avoid inefficiently walking back up from each box.	151	// FIXME: Propagate constrainedness down the tree, to avoid inefficiently walking back up from each box.
125	// FIXME: This code needs to take into account vertical writing modes.	152	// FIXME: This code needs to take into account vertical writing modes.
Lines 143-149 void TextAutosizer::processContainer(float multiplier, RenderBlock* container, R a/Source/WebCore/rendering/TextAutosizer.cpp_sec4
143	{	170	{
144	ASSERT(isAutosizingContainer(container));	171	ASSERT(isAutosizingContainer(container));
145		172
146	float localMultiplier = contentHeightIsConstrained(container) ? 1 : multiplier;	173	float localMultiplier = containerShouldBeAutosized(container) ? multiplier : 1;
147		174
148	RenderObject* descendant = nextInPreOrderSkippingDescendantsOfContainers(subtreeRoot, subtreeRoot);	175	RenderObject* descendant = nextInPreOrderSkippingDescendantsOfContainers(subtreeRoot, subtreeRoot);
149	while (descendant) {	176	while (descendant) {
Lines 211-216 bool TextAutosizer::isAutosizingContainer(const RenderObject* renderer) a/Source/WebCore/rendering/TextAutosizer.cpp_sec5
211	return false;	238	return false;
212	if (renderer->isListItem())	239	if (renderer->isListItem())
213	return renderer->isFloating() \|\| renderer->isOutOfFlowPositioned();	240	return renderer->isFloating() \|\| renderer->isOutOfFlowPositioned();
		241	// Avoid creating containers for text within text controls, buttons, or <select> dropdowns.
		242	Node* parentNode = renderer->parent() ? renderer->parent()->generatingNode() : 0;
		243	if (parentNode && parentNode->isElementNode() && formInputTags().contains(toElement(parentNode)->tagQName()))
		244	return false;
		245
214	return true;	246	return true;
215	}	247	}
216		248
Lines 271-279 bool TextAutosizer::clusterShouldBeAutosized(const RenderBlock* lowestCommonAnce a/Source/WebCore/rendering/TextAutosizer.cpp_sec6
271	return false;	303	return false;
272	}	304	}
273		305
		306	bool TextAutosizer::containerContainsTags(const RenderBlock* container, const Vector<QualifiedName>& tags)
		307	{
		308	const RenderObject* renderer = container;
		309	while (renderer) {
		310	const Node* rendererNode = renderer->node();
		311	if (rendererNode && rendererNode->isElementNode()) {
		312	if (tags.contains(toElement(rendererNode)->tagQName()))
		313	return true;
		314	}
		315	renderer = nextInPreOrderSkippingDescendantsOfContainers(renderer, container);
		316	}
		317
		318	return false;
		319	}
		320
274	void TextAutosizer::measureDescendantTextWidth(const RenderBlock* container, float minTextWidth, float& textWidth)	321	void TextAutosizer::measureDescendantTextWidth(const RenderBlock* container, float minTextWidth, float& textWidth)
275	{	322	{
276	bool skipLocalText = contentHeightIsConstrained(container);	323	bool skipLocalText = !containerShouldBeAutosized(container);
277		324
278	RenderObject* descendant = nextInPreOrderSkippingDescendantsOfContainers(container, container);	325	RenderObject* descendant = nextInPreOrderSkippingDescendantsOfContainers(container, container);
279	while (descendant) {	326	while (descendant) {

Lines 28-33 a/Source/WebCore/rendering/TextAutosizer.h_sec1
- a/Source/WebCore/rendering/TextAutosizer.h +4 lines
28		28
29	#if ENABLE(TEXT_AUTOSIZING)	29	#if ENABLE(TEXT_AUTOSIZING)
30		30
		31	#include "HTMLNames.h"
31	#include "IntSize.h"	32	#include "IntSize.h"
32	#include <wtf/Noncopyable.h>	33	#include <wtf/Noncopyable.h>
33	#include <wtf/PassOwnPtr.h>	34	#include <wtf/PassOwnPtr.h>
Lines 71-76 private: a/Source/WebCore/rendering/TextAutosizer.h_sec2
71	static bool isAutosizingCluster(const RenderBlock*);	72	static bool isAutosizingCluster(const RenderBlock*);
72		73
73	static bool clusterShouldBeAutosized(const RenderBlock* lowestCommonAncestor, float commonAncestorWidth);	74	static bool clusterShouldBeAutosized(const RenderBlock* lowestCommonAncestor, float commonAncestorWidth);
		75	static bool containerShouldBeAutosized(const RenderBlock* container);
		76	static bool contentHeightIsConstrained(const RenderBlock* container);
		77	static bool containerContainsTags(const RenderBlock* cluster, const Vector<QualifiedName>& tags);
74	static void measureDescendantTextWidth(const RenderBlock* container, float minTextWidth, float& textWidth);	78	static void measureDescendantTextWidth(const RenderBlock* container, float minTextWidth, float& textWidth);
75		79
76	// Use to traverse the tree of descendants, excluding descendants of containers (but returning the containers themselves).	80	// Use to traverse the tree of descendants, excluding descendants of containers (but returning the containers themselves).



2012-12-12  Tim Volodine  <timvolodine@google.com>

        Text Autosizing: Work out what to do about form controls
        https://bugs.webkit.org/show_bug.cgi?id=102560

        Reviewed by NOBODY (OOPS!).

        Tests for form input elements autosizing. Added tests to check that various kinds of form elements
        don't get autosized, i.e. buttons, textareas, check boxes, radio button and selection menus.

        * fast/text-autosizing/form-controls-boosting-button-textarea-input-elements-expected.html: Added.
        * fast/text-autosizing/form-controls-boosting-button-textarea-input-elements.html: Added.
        * fast/text-autosizing/form-controls-boosting-checkbox-input-element-expected.html: Added.
        * fast/text-autosizing/form-controls-boosting-checkbox-input-element.html: Added.
        * fast/text-autosizing/form-controls-boosting-radio-input-element-expected.html: Added.
        * fast/text-autosizing/form-controls-boosting-radio-input-element.html: Added.
        * fast/text-autosizing/form-controls-boosting-select-element-expected.html: Added.
        * fast/text-autosizing/form-controls-boosting-select-element.html: Added.

2012-12-04  Antoine Quint  <graouts@apple.com>

        TextTrack's .kind property should return lower-case values



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

</head>
<body>

<div style="font-size: 2.5rem">
    This tests the autosizing of a button input element. This paragraph should be autosized, while
    the buttons below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>

<div>
<form action="">
    <div style="font-size: 2.5rem">
        This text should be autosized, while the input controls below should not.
    </div>
    <div>
        <input type="submit" value="Find">
    </div>
    <div>
        <input type="button" value="Button">
    </div>
    <div>
        <input type="reset" value="Reset">
    </div>
    <div>
        <button>InlineButton</button>
    </div>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script>
if (window.internals) {
    window.internals.settings.setTextAutosizingEnabled(true);
    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
} else if (window.console && console.warn) {
    console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
}
</script>

</head>
<body>

<div>
    This tests the autosizing of a button input element. This paragraph should be autosized, while
    the buttons below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>

<div>
<form action="">
    <div>
        This text should be autosized, while the input controls below should not.
    </div>
    <div>
        <input type="submit" value="Find">
    </div>
    <div>
        <input type="button" value="Button">
    </div>
    <div>
        <input type="reset" value="Reset">
    </div>
    <div>
        <button>InlineButton</button>
    </div>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>


</head>
<body>

<div style="font-size: 2.5rem">
    This tests the autosizing of check boxes. This paragraph should be autosized, while
    the check boxes below and the surrounding text should not be autosized.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Check one or more:
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br/>
    <input type="checkbox" name="vehicle" value="Car">I have a car <br/>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script>
if (window.internals) {
    window.internals.settings.setTextAutosizingEnabled(true);
    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
} else if (window.console && console.warn) {
    console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
}
</script>

</head>
<body>

<div>
    This tests the autosizing of check boxes. This paragraph should be autosized, while
    the check boxes below and the surrounding text should not be autosized.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Check one or more:
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br/>
    <input type="checkbox" name="vehicle" value="Car">I have a car <br/>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>


</head>
<body>

<div style="font-size: 2.5rem">
    This tests the autosizing of radio buttons. This paragraph should be autosized, while
    the radio buttons below and the surrounding text should not be autosized.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Select one of:<br/>
    <input type="radio" id="radio1" checked="checked"/>
    <label for="radio1">Radio1</label><br/>
    <input type="radio" id="radio2"/>
    <label for="radio2">Radio2</label><br/>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script>
if (window.internals) {
    window.internals.settings.setTextAutosizingEnabled(true);
    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
} else if (window.console && console.warn) {
    console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
}
</script>

</head>
<body>

<div>
    This tests the autosizing of radio buttons. This paragraph should be autosized, while
    the radio buttons below and the surrounding text should not be autosized.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Select one of:<br/>
    <input type="radio" id="radio1" checked="checked"/>
    <label for="radio1">Radio1</label><br/>
    <input type="radio" id="radio2"/>
    <label for="radio2">Radio2</label><br/>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

</head>
<body>

<div style="font-size: 2.5rem">
    This tests the autosizing of a selection menu element. This paragraph should be autosized, while
    the selection box below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Selection:
    <select>
        <option selected value=default>Default</option>
        <option>Option 1</option>
        <option>Option 2</option>
    </select>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script>
if (window.internals) {
    window.internals.settings.setTextAutosizingEnabled(true);
    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
} else if (window.console && console.warn) {
    console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
}
</script>

</head>
<body>

<div>
    This tests the autosizing of a selection menu element. This paragraph should be autosized, while
    the selection box below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div>
<form action="">
    Selection:
    <select>
        <option selected value=default>Default</option>
        <option>Option 1</option>
        <option>Option 2</option>
    </select>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

</head>
<body>

<div style="font-size: 2.5rem">
    This tests the autosizing of the textarea input elements. This paragraph should be autosized, while
    the buttons below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>

<div>
<form action="">
    <div style="font-size: 2.5rem">
        This text should be autosized, while the input controls below should not.
    </div>
    <div>
        <input type="text">
    </div>
    <div>
        <input type="email">
    </div>
    <div>
        <input type="number">
    </div>
    <div>
        <input type="password">
    </div>
    <div>
        <input type="url">
    </div>
</form>
</div>

</body>
</html>



<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
  body {
    width: 800px;
    margin: 0;
    overflow-y: hidden;
  }
</style>

<script>
if (window.internals) {
    window.internals.settings.setTextAutosizingEnabled(true);
    window.internals.settings.setTextAutosizingWindowSizeOverride(320, 480);
} else if (window.console && console.warn) {
    console.warn("This test depends on the Text Autosizing setting being true, so run it in DumpRenderTree, or manually enable Text Autosizing, and either use a mobile device with 320px device-width (like Nexus S or iPhone), or define HACK_FORCE_TEXT_AUTOSIZING_ON_DESKTOP.");
}
</script>

</head>
<body>

<div>
    This tests the autosizing of the text field input elements. This paragraph should be autosized, while
    the buttons below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
    elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>

<div>
<form action="">
    <div>
        This text should be autosized, while the input controls below should not.
    </div>
    <div>
        <input type="text">
    </div>
    <div>
        <input type="email">
    </div>
    <div>
        <input type="number">
    </div>
    <div>
        <input type="password">
    </div>
    <div>
        <input type="url">
    </div>
</form>
</div>

</body>
</html>

Return to Bug 102560

Lines 1-3 a/Source/WebCore/ChangeLog_sec1
- a/Source/WebCore/ChangeLog +27 lines
		1	2012-12-12 Tim Volodine <timvolodine@google.com>
		2
		3	Text Autosizing: Work out what to do about form controls
		4	https://bugs.webkit.org/show_bug.cgi?id=102560
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Disallow autosizing of form input controls like buttons, text input fields, selection controls, radio buttons
		9	and check boxes. This is a short term solution to avoid inconsistent autosizing of form controls (which is
		10	worse than not autosizing at all).
		11
		12	Tests: fast/text-autosizing/form-controls-boosting-button-textarea-input-elements.html
		13	fast/text-autosizing/form-controls-boosting-checkbox-input-element.html
		14	fast/text-autosizing/form-controls-boosting-radio-input-element.html
		15	fast/text-autosizing/form-controls-boosting-select-element.html
		16
		17	* rendering/TextAutosizer.cpp:
		18	(WebCore):
		19	(WebCore::TextAutosizer::containerShouldBeAutosized):
		20	(WebCore::TextAutosizer::contentHeightIsConstrained):
		21	(WebCore::TextAutosizer::processContainer):
		22	(WebCore::TextAutosizer::isAutosizingContainer):
		23	(WebCore::TextAutosizer::containerContainsTags):
		24	(WebCore::TextAutosizer::measureDescendantTextWidth):
		25	(WebCore::TextAutosizer::findDeepestBlockContainingAllText):
		26	* rendering/TextAutosizer.h:
		27
1	2012-12-04 Antoine Quint <graouts@apple.com>	28	2012-12-04 Antoine Quint <graouts@apple.com>
2		29
3	TextTrack's .kind property should return lower-case values	30	TextTrack's .kind property should return lower-case values

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +19 lines
		1	2012-12-12 Tim Volodine <timvolodine@google.com>
		2
		3	Text Autosizing: Work out what to do about form controls
		4	https://bugs.webkit.org/show_bug.cgi?id=102560
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Tests for form input elements autosizing. Added tests to check that various kinds of form elements
		9	don't get autosized, i.e. buttons, textareas, check boxes, radio button and selection menus.
		10
		11	* fast/text-autosizing/form-controls-boosting-button-textarea-input-elements-expected.html: Added.
		12	* fast/text-autosizing/form-controls-boosting-button-textarea-input-elements.html: Added.
		13	* fast/text-autosizing/form-controls-boosting-checkbox-input-element-expected.html: Added.
		14	* fast/text-autosizing/form-controls-boosting-checkbox-input-element.html: Added.
		15	* fast/text-autosizing/form-controls-boosting-radio-input-element-expected.html: Added.
		16	* fast/text-autosizing/form-controls-boosting-radio-input-element.html: Added.
		17	* fast/text-autosizing/form-controls-boosting-select-element-expected.html: Added.
		18	* fast/text-autosizing/form-controls-boosting-select-element.html: Added.
		19
1	2012-12-04 Antoine Quint <graouts@apple.com>	20	2012-12-04 Antoine Quint <graouts@apple.com>
2		21
3	TextTrack's .kind property should return lower-case values	22	TextTrack's .kind property should return lower-case values

Line 0 a/LayoutTests/fast/text-autosizing/form-controls-boosting-button-input-elements-expected.html_sec1
- a/LayoutTests/fast/text-autosizing/form-controls-boosting-button-input-elements-expected.html +44 lines
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4
	5	<meta name="viewport" content="width=800">
	6	<style>
	7	body {
	8	width: 800px;
	9	margin: 0;
	10	overflow-y: hidden;
	11	}
	12	</style>
	13
	14	</head>
	15	<body>
	16
	17	<div style="font-size: 2.5rem">
	18	This tests the autosizing of a button input element. This paragraph should be autosized, while
	19	the buttons below should not be autosized. Lorem ipsum dolor sit amet, consectetur adipisicing
	20	elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	21	</div>
	22
	23	<div>
	24	<form action="">
	25	<div style="font-size: 2.5rem">
	26	This text should be autosized, while the input controls below should not.
	27	</div>
	28	<div>
	29	<input type="submit" value="Find">
	30	</div>
	31	<div>
	32	<input type="button" value="Button">
	33	</div>
	34	<div>
	35	<input type="reset" value="Reset">
	36	</div>
	37	<div>
	38	<button>InlineButton</button>
	39	</div>
	40	</form>
	41	</div>
	42
	43	</body>
	44	</html>