blob: b1aa075ec7161c53c4f6e62032c29759ebecb362 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.test { height: 40px; font-size: 18px; }
.test > div { display: inline-block; white-space: nowrap; padding: 0 1px; }
</style>
</head>
<body>
<div class="test" style="zoom: 0.5;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 0.66;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 0.75;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 0.9;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 1.0;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 1.1;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 1.25;">
<div class="ellipsis">Should not be truncated</div>
</div>
<div class="test" style="zoom: 1.33;">
<div class="ellipsis">Should not be truncated</div>
</div>
<p>
None of the lines above should be truncated.
</p>
</body>
</html>