<?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>200227</bug_id>
          
          <creation_ts>2019-07-29 09:17:53 -0700</creation_ts>
          <short_desc>Issue with the way vh is handled inside an iFrame on iOS mobile devices</short_desc>
          <delta_ts>2019-07-30 11:04:46 -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>Frames</component>
          <version>WebKit Nightly Build</version>
          <rep_platform>iPhone / iPad</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter>ASwamy</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>simon.fraser</cc>
    
    <cc>webkit-bug-importer</cc>
    
    <cc>zalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1556576</commentid>
    <comment_count>0</comment_count>
    <who name="">ASwamy</who>
    <bug_when>2019-07-29 09:17:53 -0700</bug_when>
    <thetext>When in an iframe on iOS, vh is not based off of the iframe&apos;s viewport height, but rather off of the height of all of the content inside of the iframe. This puts a major limitation on my use of vh and is a totally broken implementation of vh when embedded on iOS.

Here is a codepen link which demonstrates the above mentioned problem - https://codepen.io/anumysore5/pen/WqqYOG. The link to the codepen that is embedded is https://codepen.io/anumysore5/pen/BXLLrm. The issue is easily noticeable when the length of the content below the very first div inside the embedded codepen is increased. The height of the div increases with the increase in the length of the content.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1556582</commentid>
    <comment_count>1</comment_count>
    <who name="">ASwamy</who>
    <bug_when>2019-07-29 09:22:29 -0700</bug_when>
    <thetext>Are there any plans to fix this issue? Even if this is not going to be fixed any time soon, could someone at least propose a decent work around to this problem?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1556975</commentid>
    <comment_count>2</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2019-07-30 09:22:37 -0700</bug_when>
    <thetext>&lt;rdar://problem/53712737&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1557020</commentid>
    <comment_count>3</comment_count>
    <who name="Simon Fraser (smfr)">simon.fraser</who>
    <bug_when>2019-07-30 11:04:46 -0700</bug_when>
    <thetext>Please test in the iOS 13 beta.</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>