Bug 185677 - drop-shadow filter prevents div background refresh with overflow: auto
Summary: drop-shadow filter prevents div background refresh with overflow: auto
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 11
Hardware: iPhone / iPad iOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-05-16 04:20 PDT by Tatiana
Modified: 2018-05-30 08:31 PDT (History)
7 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Tatiana 2018-05-16 04:20:31 PDT
We have div contains items with drop-shadow filter and these items are under initially visible area. When scrolling down we can see that background is not updating.

Steps to reproduce:
1) Open https://codepen.io/tbelousova/pen/bMmNaq in Safari
2) Click on the visible item of the left list. These items have drop-shadow filter. Item will change background to red.Text of the clicked div will be shown between lists.
3) Scroll down this list and click previously invisible item. Background either won't be changed or there will be drawing artifacts. Text of the clicked div will be shown between lists.
4) If rotate device background will be rendered. After first not-rendered background other items' backgrounds can be not rendered as well.
5) Click on the visible item of the right list. These items don't have drop-shadow filter. Item will change background to blue. Text of the clicked div will be shown between lists.
6) Scroll down this list and click previously invisible item. Item will change background to blue. Text of the clicked div will be shown between lists.

So list without drop-shadow is rendered correctly while with drop-shadow not.

Tested on iPad3 with IOS 8.4, iPhone5 IOS 10.3.3, iPhone 5S iOS 11.3, iPhone 10 iOS 11.3
Comment 1 Radar WebKit Bug Importer 2018-05-30 08:31:15 PDT
<rdar://problem/40650855>