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: | P2 | Keywords: | InRadar | ||||||
Version: | Safari 15 | ||||||||
Hardware: | Unspecified | ||||||||
OS: | Unspecified | ||||||||
Attachments: |
|
Created attachment 453159 [details]
Annotated screenshot for posterity (shows a couple stray grey lines on left after textbox has been moved to right)
|
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.