1432012 - Content element as well as chrome elements partly broken and flickering

Status: RESOLVED DUPLICATE of bug 1431955

(Core :: Graphics: WebRender, defect)

Description

[Albert Scheiner [:alberts]]

Since yesterday I am seeing a lot of artefacts on websites (every site), images flickering, tab text flickering. Especially during page load, tab switching, hovering over buttons which require a re-render.
Now the favicons are gone as well. 

Interestingly, after opening and closing a new window, the flickering stopped and came only back after a view minutes again (switching a couple of tabs including this one and hovering over the buttons of this page). Still no favicons.

Here are the details of my about:support > Graphics

= Features
Compositing	WebRender
Asynchronous Pan/Zoom	wheel input enabled; scrollbar drag enabled; keyboard enabled; autoscroll enabled
WebGL 1 Driver WSI Info	CGL
WebGL 1 Driver Renderer	ATI Technologies Inc. -- AMD Radeon R9 M370X OpenGL Engine
WebGL 1 Driver Version	4.1 ATI-1.42.15
WebGL 1 Driver Extensions	GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_bounds_test GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_mirror_clamp GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
WebGL 1 Extensions	ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
WebGL 2 Driver WSI Info	CGL
WebGL 2 Driver Renderer	ATI Technologies Inc. -- AMD Radeon R9 M370X OpenGL Engine
WebGL 2 Driver Version	4.1 ATI-1.42.15
WebGL 2 Driver Extensions	GL_ARB_blend_func_extended GL_ARB_draw_buffers_blend GL_ARB_draw_indirect GL_ARB_ES2_compatibility GL_ARB_explicit_attrib_location GL_ARB_gpu_shader_fp64 GL_ARB_gpu_shader5 GL_ARB_instanced_arrays GL_ARB_internalformat_query GL_ARB_occlusion_query2 GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_subroutine GL_ARB_shading_language_include GL_ARB_tessellation_shader GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_cube_map_array GL_ARB_texture_gather GL_ARB_texture_query_lod GL_ARB_texture_rgb10_a2ui GL_ARB_texture_storage GL_ARB_texture_swizzle GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_vertex_attrib_64bit GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_EXT_debug_label GL_EXT_debug_marker GL_EXT_depth_bounds_test GL_EXT_texture_compression_s3tc GL_EXT_texture_filter_anisotropic GL_EXT_texture_mirror_clamp GL_EXT_texture_sRGB_decode GL_APPLE_client_storage GL_APPLE_container_object_shareable GL_APPLE_flush_render GL_APPLE_object_purgeable GL_APPLE_rgb_422 GL_APPLE_row_bytes GL_APPLE_texture_range GL_ATI_texture_mirror_once GL_NV_texture_barrier
WebGL 2 Extensions	EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
Off Main Thread Painting Enabled	true

= GPU #1
Active	Yes
Vendor ID	0x1002
Device ID	0x6821

= Diagnostics
AzureCanvasAccelerated	0
AzureCanvasBackend	skia
AzureContentBackend	skia
AzureFallbackCanvasBackend	none
TileHeight	1024
TileWidth	1024

= Decision Log
WEBRENDER	
opt-in by default: WebRender is an opt-in feature
available by user: Enabled by pref

Comment 1

[Albert Scheiner [:alberts]]

Attachment: webrender-mostly-broken.ogv

Tried to replicate the flickering in a new window, but only get a pretty broken site ...

Comment 2

[Albert Scheiner [:alberts]]

Attachment: webrender-everything-broken.ogv

... and everything is broken.

Comment 3

[Albert Scheiner [:alberts]]

Attachment: webrender-flickering.ogv

got the flickering as well

Comment 4

[Darkspirit]

Could you try to find a regression range, please? I can't reproduce this. :(
https://mozilla.github.io/mozregression/install.html
mozregression --good 2018-01-12 --bad 2018-01-21 --pref gfx.webrender.all:true layout.display-list.retain:false

Comment 5

[Albert Scheiner [:alberts]]

Jan, I did a mozreg with no result. It went away after the next update that came in yesterday. Will close the bug for now and reopen (hopefully with a better test) in case it shows again. Sorry if I have wasted your time.

Comment 6

[Darkspirit]

Maybe you saw a different version of bug 1431955. And maybe even both went away.

Comment 7

[Albert Scheiner [:alberts]]

Jan, I made have something for you. I didn't realise that I had to restart the browser each time I change the webrender flag (and just saw the options you added now).

What I did now during mozreg was:

1) build opens by mozreg
2) change flag in about:config
3) "Menu > Help > Restart with Addons disabled"
4) "Menu > Help > Restart with Addons enabled"
5) open new tab
6) click on reddit icon (or any page that is a bit bigger and needs a second to load)
7) immediately open a new browser window and click on any of the icons

Sometimes the flickering started already on about:newtab in the new window, sometimes only during the loading of the new page. In rare cases it seemed to work for the first page load, but closing the window and repeating steps 5 - 7 triggers the rendering chaos.

mozregression --good 2018-01-19 --bad 2018-01-21

26:00.23 INFO: Last good revision: 1a4f40cd0bea7855f76b2237819e07e89fd89d75
26:00.23 INFO: First bad revision: 6d9dc65ca0ed1a374dde7592a5b4191a7a10759c
26:00.23 INFO: Pushlog:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=1a4f40cd0bea7855f76b2237819e07e89fd89d75&tochange=6d9dc65ca0ed1a374dde7592a5b4191a7a10759c

Comment 8

[Albert Scheiner [:alberts]]

read "I may have something for you"

BTW, my current build still has the same issue: build ID 20180126104626

Comment 9

[Albert Scheiner [:alberts]]

Just got a new build ID 20180126220105 - still the same problem

Comment 10

[Darkspirit]

Thanks! :)
Yeah, the steps to reproduce (STR) can be something like "open a second window while one or more tabs are loading".