Bug 237169 - Inputs leave behind outline artifacts when repositioned in a grid
Summary: Inputs leave behind outline artifacts when repositioned in a grid
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 15
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-02-24 17:20 PST by Nathan Vander Wilt
Modified: 2022-02-25 09:58 PST (History)
6 users (show)

See Also:

Attachments
simple HTML (+inline JS/CSS) repro of bug (615 bytes, text/html)
2022-02-24 17:20 PST, Nathan Vander Wilt 		no flags Details
Annotated screenshot for posterity (shows a couple stray grey lines on left after textbox has been moved to right) (290.09 KB, image/png)
2022-02-24 17:21 PST, Nathan Vander Wilt 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>