Em values are rounded or truncated at 2 decimals

Issue #961517

Details

Created
Oct 17, 2014
Privacy
This issue is public.
Reports
Reported by 5 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

Apply a font-size, or width, or height, in em, where there are more than 2 decimals.

Here is an example : http://codepen.io/mh-nichts/pen/xhIEn
The text should have a font-size of 10px (.625em) but it’s 9.93px (.62em).

Expected Results:

The value souldn’t be rounded or truncated, or at least there should be some spec about how many decimals we are allowed to use.

Actual Results:

Dev Channel specific:

Yes

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To from “Christian F.” to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “IE F.”

      Changed Status

    • MS Edge seems to truncate all values to 2 decimal places which makes the use of rem, ems or % unusable:

      Width is set to 23.625rem which = 378px (378/16)

      Edge (and probably older IE) show the width set as:
      23.62rem

      Which results in a flex container wrapping an image gallery to early as 2 images of a width of 189px = 378 but on edge it only thinks 377.92px are available resulting in an image wrapping. FF & Chrome do not have this issue.

      As seen here:
      http://codepen.io/wroughtec/pen/Egarkg

    • Come on Microsoft. What are you waiting for? 3 years later and this has not yet been fixed?
      This is very serious & important bug. It breaks completely the page layouts.

    You need to sign in to your Microsoft account to add a comment.

    Sign in