No subject

Mon Sep 28 12:00:37 PDT 2015

The canvas should still be displayed stretched to its container's width and height. It's not

This works with 2d canvas. It only fails on webgl canvas.

Also it's iOS only. Works find on desktop safari

Run the attached sample, ios-webgl-issue.html: You should see a red square filled with green, then 2 seconds later filled with orange. On iOS the orange isn't being stretched.

The ios-canvas-issue shows 2d canvas works correctly.

Other things to note: The inspector claims the the canvas is the correct size (stretched to fit). Also JavaScript claims the canvas is the correct size (stretched to fit). canvas.clientWidth returns 400 and canvas.getBoundingClientRect returns a stretched size

-- 
You are receiving this mail because:
You are the assignee for the bug.
--1451027603.AcAcb014.19838
Date: Thu, 24 Dec 2015 23:13:23 -0800
MIME-Version: 1.0
Content-Type: text/html

<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body><table border="1" cellspacing="0" cellpadding="8">
        <tr>
          <th>Bug ID</th>
          <td><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - WebGL based canvases composite incorrectly after changing size"
   href="https://bugs.webkit.org/show_bug.cgi?id=152556">152556</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>WebGL based canvases composite incorrectly after changing size
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>Safari 9
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>iOS
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>iOS 9.0
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </td>
        </tr>

        <tr>
          <th>Priority</th>
          <td>P2
          </td>
        </tr>

        <tr>
          <th>Component</th>
          <td>WebGL
          </td>
        </tr>

        <tr>
          <th>Assignee</th>
          <td>webkit-unassigned&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>gman&#64;chromium.org
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>dino&#64;apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Created <span class=""><a href="attachment.cgi?id=267913" name="attach_267913" title="show issue with webgl in ios">attachment 267913</a> <a href="attachment.cgi?id=267913&amp;action=edit" title="show issue with webgl in ios">[details]</a></span>
show issue with webgl in ios

Set a canvas's CSS width and height to 100% inside some fixed size container.