search

lit / lit-element

LEGACY REPO. This repository is for maintenance of the legacy LitElement library. The LitElement base class is now part of the Lit library, which is developed in the lit monorepo.
https://lit-element.polymer-project.org
BSD 3-Clause "New" or "Revised" License
4.49k stars 318 forks source link

Performance issue in Safari (Mac): Forces layout/reflow on hover. #1150

Closed nirmalbaldaniya-dream closed 3 years ago

nirmalbaldaniya-dream commented 3 years ago

Description

In Safari (Mac), lit-element forces layout/reflow (Styles Invalidated & Styles Recalculated) on simple hovering the element. I have tried to verify it by simple demo page.

Live Demo

Stackblitz (fork/edit)

https://stackblitz.com/edit/simple-lit?file=index.html

Stackblitz (application)

https://simple-lit.stackblitz.io

Steps to Reproduce

Expected Results

Browsers Affected

Versions

sorvell commented 3 years ago

Can you please verify the project link is working. It appears to be 404'ing.

Also, it seems unlikely this is related to LitElement and may be a Safari specific issue. Could you try reproducing the issue without LitElement?

nirmalbaldaniya-dream commented 3 years ago

@sorvell , Thank you very much for feedback!

You are right. It's not an issue with the LitElement . I have updated the demo page & verified that it's an issue of the Safari with ShadowDOM. You can check the demo link.

I'm closing this issue now.

7999 commented 10 months ago

@sorvell , Thank you very much for feedback!

You are right. It's not an issue with the LitElement . I have updated the demo page & verified that it's an issue of the Safari with ShadowDOM. You can check the demo link.

I'm closing this issue now. @nirmalbaldaniya-dream hi,what do you mean the issue of Safari with ShadowDOM? I am meet a similar issue, could you give me some hint? thanks a lot