<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><span class="vcard"><a class="email" href="mailto:yoon&#64;igalia.com" title="Gwang Yoon Hwang &lt;yoon&#64;igalia.com&gt;"> <span class="fn">Gwang Yoon Hwang</span></a>
</span> changed
          <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - [GTK] Entering text into forms on github.com creates a trapezoid artifact"
   href="https://bugs.webkit.org/show_bug.cgi?id=126124">bug 126124</a>
          <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">CC</td>
           <td>
               &nbsp;
           </td>
           <td>yoon&#64;igalia.com
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - [GTK] Entering text into forms on github.com creates a trapezoid artifact"
   href="https://bugs.webkit.org/show_bug.cgi?id=126124#c5">Comment # 5</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - [GTK] Entering text into forms on github.com creates a trapezoid artifact"
   href="https://bugs.webkit.org/show_bug.cgi?id=126124">bug 126124</a>
              from <span class="vcard"><a class="email" href="mailto:yoon&#64;igalia.com" title="Gwang Yoon Hwang &lt;yoon&#64;igalia.com&gt;"> <span class="fn">Gwang Yoon Hwang</span></a>
</span></b>
        <pre>Created <span class=""><a href="attachment.cgi?id=306662" name="attach_306662" title="If you see the red when you input the space, it faiils.">attachment 306662</a> <a href="attachment.cgi?id=306662&amp;action=edit" title="If you see the red when you input the space, it faiils.">[details]</a></span>
If you see the red when you input the space, it faiils.

This bug happens when we are drawing the border of the inline box which has a
complex border (such as dashed, dotted..) with a border radius property.

When we made a change inside of text box, for example, typing space, we are 
going to invalidate the area of the inline box.

While rendering decorations of the render box,
RenderBoxModelObject::paintBorder defines a clip out region to prepare the inner
border to avoid the background bleeding out behind the border.

We are facing a problem from now on. 

The RenderBoxModelObject is going to make a clip to render each side of the
border area. But when we apply this clipping to the cairo context, it seems
cairo context looses the previous clipped out area, which was defined to avoid
bleeding.

It is okay when we draw dashed border side since it is a stroke. But when we
draw a solid border side, it uses fill operation which would fill the whole
quad of the border side with a border color.

I tried to make simple cairo problem to reproduce the problem but it is not so
successful so far.</pre>
        </div>
      </p>


      <hr>
      <span>You are receiving this mail because:</span>

      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>