Skip to content

Commit

Permalink
Try removing backdrop blur to see if that improves performance (#43929)
Browse files Browse the repository at this point in the history
* Try removing backdrop blur to see if that improves performance

* Add transform to see that improves performance as mentioned here https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari

* Remove blur completely again
  • Loading branch information
glendaviesnz authored and ockham committed Sep 19, 2022
1 parent 53b0f84 commit 6b84972
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions packages/components/src/modal/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,7 @@
background-color: rgba($black, 0.35);
z-index: z-index(".components-modal__screen-overlay");
display: flex;
backdrop-filter: blur($grid-unit);

// backdrop-filter: blur($grid-unit);
// This animates the appearance of the white background.
@include edit-post__fade-in-animation();
}
Expand All @@ -31,8 +30,8 @@
margin: auto;
width: auto;
min-width: $modal-min-width;
max-width: calc(100% - #{ $grid-unit-20 * 2 });
max-height: calc(100% - #{ $header-height * 2 });
max-width: calc(100% - #{$grid-unit-20 * 2});
max-height: calc(100% - #{$header-height * 2});

// Animate the modal frame/contents appearing on the page.
animation: components-modal__appear-animation 0.1s ease-out;
Expand Down

0 comments on commit 6b84972

Please sign in to comment.