Skip to content

[Bug] Google map zoom is laggy when dashlane extension is enabled #818

@jasekiw

Description

@jasekiw

Description

This is very strange. I was porting our google map from the standard google map sdk over to this library. However, I noticed with this implementation that the zoom was laggy. I was able to track down that dashlane was doing some weird stuff via following the console.log events to those dom nodes. I don't have a slimmed down demo for this yet, I'll have to spend some time at night to get that started. I imagine this will be hard to reproduce. Once I disabled dashlane the zoom lag went away

I noticed these logs in the console in the react implementation that weren't there before.

Image Clicking on the element listed, I see dashlane has inserted it's information on the element. Image

Once I uninstall dashlane the issue goes away. However the issue didn't happen at all with the standard google maps libary.

Thank you all for the awesome library! Conflicts between extensions and libraries can be a pain to diagnose.

Steps to Reproduce

  1. Have dashlane installed.
  2. Render maybe a hundred markers.
  3. Zoom in and out. - it should be jittery/laggy
  4. Disable dashlane
  5. try it again and it should be smooth.

Environment

  • Library version: 1.5.2
  • Google maps version: weekly
  • Browser and Version: 139.0.7258.128 (Official Build) (64-bit)
  • OS: Windows 11 23H2

Logs

Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.871 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.872 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.872 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.875 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.876 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.876 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.925 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.926 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.926 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.926 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.927 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.927 kwift.CHROME.js:1 Rendering was performed in a subtree hidden by content-visibility. <div style=​"content-visibility:​ hidden;​">​…​</div>​
12:36:28.928

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions