Invalid size calculation with calc()

Fixed Issue #13089031

Details

Author
King S.
Created
Aug 4, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 2 people

Sign in to watch or report this issue.

Steps to reproduce

lets say I’ve a container which width is 800px. This container has six child elements which has a width of "calc(100% / 6)". The computed width of one child container should be “133,33px” but in edge it is "133,36px".

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

    • Hello,

      Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge with the information at hand. Please update this case when you can provide more details, such as screenshots or a sample webpage.

      Best Wishes,
      The MS Edge Team

    • Microsoft Edge Team

      Changed Status to “Fixed”

    • Thank you for the feedback. This is one of the fixes we’ve did in the Windows 10 Creators Update (unless I’m wrong and this is more recent Fall Creators Update fix). You can see the effect of the change here: https://jsfiddle.net/z8yk20jd/ - this matches your expectations

    • Your fiddle is working for me. (I am using still the unfixed version of edge)
      After I’ve changed your fiddle a bit (https://jsfiddle.net/z8yk20jd/1/) it’s not working and displays: 133.36.

      Thanks for your investigation.

    • Still broken in Edge 16.16299 with block elements, as shown in King’s example.

    • Problem has not been rectified as at Nov 8, 2017.
      MS EDGE 41.16299.15.0
      MS EDGEHTML 16.16299
      Check out the following: http://weather.gc.ca/city/pages/qc-109_metric_e.html

    • I am also experiencing this issue on Edge 40.15063/EdgeHTML 15.15063. This issue was not present in Edge 38(?)/EdgeHTML 14.14393. I recently updated my system because I could not reproduce while on that version.

      The link provided by King S. and GUY J. are broken for me. Here is another simple example: https://codepen.io/anon/pen/RjKEOa

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

    Sign in