threshold-select-listbox-contents-at-1-ref.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<title>font.size.inflation.lineThreshold test</title>

<style>

body { width: 600px; }

body, select, option { font-size: 44px }

p { margin: 0 }

</style>

<!--

In a 600px container, the minimum font size at 15em per line is 40px.

This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.

Further, with a lineThreshold of 100, we need 50 characters of 12px

text to meet the line threshold.

-->

<p>123456789

123456789

<select size="3">

  <option>1234567890</option>

  <option>2</option>

  <option>3</option>

</select>

123456789

1234567890</p>