Floating point precision errors

Fixed Issue #101224

Details

Created
Apr 27, 2014
Privacy
This issue is public.
Found in build #
0.0011
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

http://jsfiddle.net/c49qA/1/](http://jsfiddle.net/c49qA/1/)[http://jsfiddle.net/c49qA/1/](http://jsfiddle.net/c49qA/1/)

 

Expected Results:

==============

divs will appear side by side at all times (Chrome behavior)

Actual Results:

==============

Depending on the frame width, the divs will appear stacked vertically in IE. (Resize the jsfiddle frame if they appear side by side)

 

 

The repro has two divs with zero whitespace between them of width calc(100% / 2). The CSS standard dictates they should both be exactly one half the width of their parent (100% / 2 == 50%). However, inspecting their computed widths, we see they are exactly 0.01px too wide, and thus they are placed on separate lines rather than side-by-side as intended.

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Rossen A.”

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Steps to Reproduce

      Changed Status to “Confirmed”

      Changed Assigned To from “Rossen A.” to “Saqib A.”

      Changed Status from “Confirmed” to “In code review”

      Changed Assigned To from “Saqib A.” to “IPBS P.”

      Changed Status from “In code review” to “Won’t fix”

      Changed Assigned To from “IPBS P.” to “Rossen A.”

      Changed Status from “Won’t fix” to “Fixed”

      Changed Steps to Reproduce

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

    Sign in