Bug 237169

Summary:

Inputs leave behind outline artifacts when repositioned in a grid

Product:

WebKit

Reporter:

Nathan Vander Wilt <natevw>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

akeerthi, bfulgham, simon.fraser, webkit-bug-importer, webkit-layout-noreply, zalan

Priority:

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

Nathan Vander Wilt

Reported 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.

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 attachment proposed patch, testcase, etc.

Nathan Vander Wilt

Comment 1 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)

Radar WebKit Bug Importer

Comment 2 2022-02-25 09:58:53 PST

<rdar://problem/89479613>

Note You need to log in before you can comment on or make changes to this bug.