data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: use absolute positioning over transform (#1850)

Browse source
This commit is contained in:
Nolan Lawson 2020-08-29 19:19:24 -07:00 committed by GitHub
parent 40e9b44adc
commit 55b9c8d3b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/routes/_components/virtualList/VirtualListItem.html
View file

@ -1,7 +1,7 @@
<div class="virtual-list-item list-item {shown ? 'shown' : ''}" <div class="virtual-list-item list-item {shown ? 'shown' : ''}"
aria-hidden={!shown} aria-hidden={!shown}
ref:node ref:node
style="transform: translateY({offset}px);" > style="top: {offset}px;" >
<svelte:component this={component} <svelte:component this={component}
virtualProps={props} virtualProps={props}
virtualIndex={index} virtualIndex={index}
@ -13,7 +13,6 @@
.virtual-list-item { .virtual-list-item {
position: absolute; position: absolute;
width: 100%; width: 100%;
top: 0;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.2s linear; transition: opacity 0.2s linear;