<!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>
