Bug 161082
| Summary: | position fixed elements with border styles don't render properly with slight finger gesture for scroll at top of document | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | andrew.rousset |
| Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | simon.fraser |
| Priority: | P2 | ||
| Version: | Safari 9 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 9.3 | ||
andrew.rousset
Here's a JSFiddle page that has an example page that exhibits this issue: https://jsfiddle.net/xg1by4fn/
Steps to reproduce:
1) Load JSFiddle or similar HTML document in Safari 9.
2) Lightly touch drag down anywhere on HTML body (lower right hand corner of jsfiddle) without triggering elastic scrolling at top of document. *NOTE* Scrollbar should appear and not fade after this step is completed.
3) Click "Hide Element" button.
4) Click "Show Element" button.
After the steps are completed the element will not be rendered, despite having its display set to block. Disabling all three of the example border styles (box-shadow/border-radius/border) will bring the element back into view as it is properly rendered without these styles. However, toggling any of the three styles will improperly render the element and hide it again.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |