Bug 237169

Summary: Inputs leave behind outline artifacts when repositioned in a grid
Product: WebKit Reporter: Nathan Vander Wilt <natevw>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: akeerthi, bfulgham, simon.fraser, webkit-bug-importer, webkit-layout-noreply, zalan
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
simple HTML (+inline JS/CSS) repro of bug
none
Annotated screenshot for posterity (shows a couple stray grey lines on left after textbox has been moved to right) none

Description Nathan Vander Wilt 2022-02-24 17:20:34 PST
Created attachment 453158 [details]
simple HTML (+inline JS/CSS) repro of bug

When an input is repositioned within a grid layout e.g. from `grid-column: 1` to `grid-column: 3`, it "leaves behind" part of its top/bottom borders in the original location until something else triggers a more thorough repaint.

I did not try other scenarios [inputs moving in other types of layout, other types of elements moving in a grid layout…] but did distill the original issue we were seeing into a simple test case, attached.
Comment 1 Nathan Vander Wilt 2022-02-24 17:21:27 PST
Created attachment 453159 [details]
Annotated screenshot for posterity (shows a couple stray grey lines on left after textbox has been moved to right)
Comment 2 Radar WebKit Bug Importer 2022-02-25 09:58:53 PST
<rdar://problem/89479613>