<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>134765</bug_id>
          
          <creation_ts>2014-07-09 07:00:47 -0700</creation_ts>
          <short_desc>GetComputedStyle().top/left return null or auto when top/left use calc()</short_desc>
          <delta_ts>2022-07-13 17:23:17 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>Mac (Intel)</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>CONFIGURATION CHANGED</resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Loïc Magne">l.magne</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>bfulgham</cc>
    
    <cc>desandrocodes</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1021353</commentid>
    <comment_count>0</comment_count>
    <who name="Loïc Magne">l.magne</who>
    <bug_when>2014-07-09 07:00:47 -0700</bug_when>
    <thetext>Overview:
When the css attribute calc() is used on an element to calculate the left and top position, getComputedStyle(element).top and getComputedStyle(element).left return null or auto whereas the render is good.

Steps to reproduce:
Open attached HTML file.

Actual result:
On the &quot;calculated result&quot; section, 
  on Safari : &apos;top:null&apos; and &apos;left:null&apos;
  on android browser : &apos;top:auto&apos; and &apos;left:auto&apos;


Expected result:
On the &quot;calculated result&quot; section, we must see all the time &apos;top:40px&apos; and &apos;left:60px&apos;

Tested Platform:
Safari on IOS7, IOS8, Mac OS X 10.10 Yosemite preview 2 and preview 3
AppleWebKit 534.30 on androïd 4.2.2 (samsun galaxy 3)</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1247618</commentid>
    <comment_count>1</comment_count>
    <who name="David DeSandro">desandrocodes</who>
    <bug_when>2016-11-02 18:35:17 -0700</bug_when>
    <thetext>This issue is still present in Safari 10. See CodePen http://codepen.io/desandro/pen/jVNxOd/</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1883490</commentid>
    <comment_count>2</comment_count>
    <who name="Brent Fulgham">bfulgham</who>
    <bug_when>2022-07-13 17:23:17 -0700</bug_when>
    <thetext>Safari, Chrome, and Firefox all agree on rendering for this test case. I don&apos;t believe there is any remaining compatibility issue.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>