2021.2

Tip
You don't need a script to resize text in order to make it fit in a box. The Copy Fit feature
automatically scales text to the available space (see "Copy Fit" on page762).
Examples
var $box = query("#mybox");
while ( ! $box.overflows()) {
//do something
}
A slightly shorter version:
while ( ! query("#mybox").overflows()) {
//do something
}
The following script selects three boxes that all have the class box (selector: .box). It loops over
them, inserting as many products from an array as possible into the box. In fact, it inserts one
too many and removes the last one before moving on to the next box.
var products =
["Appetizer","Beans","Beef","Lettuce","Sprouts","Coconut","Juice","
Soup","Coriander","Cheese","Pasta","Sugar","Vinegar","Bread"];
var i = 0;
results.each( function() {
// Add elements to the box until it overflows.
while ( ! this.overflows() && i < products.length ) {
this.append("<p>" + products[i] + "</p>");
i++;
}
// Go one step back unless we processed all items in our array.
if( i < products.length ) {
query("p:last-child", this).remove();
i--;
}
});
Page 1352