New issue
Advanced search Search tips

Issue 707269 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 700383
Owner:
Closed: Apr 2017
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 2
Type: Bug



Sign in to add a comment

Rendering a GoogleMap (via API) causes rendering bugs when using CSS Grid

Reported by m...@mgrossklaus.de, Mar 31 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.98 Safari/537.36

Steps to reproduce the problem:
1. Build a page using CSS Grid
2. Render a Map using the Google Maps JS API
3. Drag&Drop the Map or resize the window

What is the expected behavior?
Everything is rendered fine.

What went wrong?
Elements disappear, the page is flickering

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.98  Channel: n/a
OS Version: OS X 10.12.4
Flash Version: 

See reduced test case here: http://output.jsbin.com/xowuyeh
 
googlemaps-grid.gif
3.0 MB View Download
Components: Blink>Layout>Grid
Labels: OS-Windows
Status: Untriaged (was: Unconfirmed)

Comment 2 by r...@igalia.com, Apr 3 2017

Labels: -OS-Windows -OS-Mac OS-All
Mergedinto: 700383
Owner: r...@igalia.com
Status: Duplicate (was: Untriaged)
I believe this is another duplicate of #700383.

The issue again is that the body is the grid container and I guess (didn't checked)
that the Google map is adding/removing some positioned item to the body.
That's causing problems in painting code in M57, but it has been fixed in M58 and M59.

Could you verify that you cannot reproduce it in Canary? Thanks!
In my case it works in M58 and M59 and fails in M57.

Comment 3 Deleted

I can confirm that it works in Canary. Thanks! :)

Don't know why my previous comment got deleted though...

Sign in to add a comment