| <!DOCTYPE html> |
| <script src="../../../resources/check-layout.js"></script> |
| <script> |
| onload = function() { |
| document.body.offsetTop; // trigger layout |
| document.getElementById('elm').style.display = 'block'; |
| checkLayout('#stf'); |
| } |
| </script> |
| <p>Check that inserting a spanner into the multicol container updates the preferred maximum width.</p> |
| <p>You should see a blue square below.</p> |
| <div id="stf" style="width:-webkit-max-content; font:20px Ahem; color:blue; background:blue;" data-expected-width="200" data-expected-height="200"> |
| <div style="-webkit-columns:3;"> |
| <div id="elm" style="display:none; -webkit-column-span:all; height:200px;"> |
| xxxxx xxxx |
| </div> |
| </div> |
| </div> |