| <!DOCTYPE html> | |
| <style> | |
| .truncated { | |
| width: 400px; | |
| overflow: hidden; | |
| max-height: 100px; | |
| } | |
| .truncated.expanded { | |
| max-height: none; | |
| } | |
| </style> | |
| <div class="truncated" id="truncated"><span>Line 1<br>Line 2<br>Line 3<br>Line 4<br><div style="height: 50px; background: green;">PASS</div>Line 5<br>Line 6<br>Line 7<br>Line 8<br>Line 9<br>Line 10<br>Line 11<br>Line 12<br></span></div> | |
| <script> | |
| document.getElementById('truncated').offsetHeight; | |
| document.getElementById('truncated').classList.add('expanded'); | |
| </script> |