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