fix: restore bottom-aligned animation fix from PR #211 and fix CI test failures

- Restored deltaBottom/deltaRight checks to detect anchored elements
- Fixed immediate position updates after animations (debounce=false)
- Restored proper parent coordinate calculations in deletePosition
- Added named export for autoAnimate to fix exports test
- Fixed flaky framework animation tests by ensuring elements are visible
- Added scrollIntoViewIfNeeded and increased wait times for CI reliability

All bottom-jump-fix tests now pass across all browsers

Author: justin-schroeder

tests/e2e/framework-animations.spec.ts

@@ -36,26 +36,36 @@ test.describe('Framework examples animate on interaction', () => {
 
   test('Solid example animates on toggle', async ({ page }) => {
     const assertNoErrorsLater = await assertNoConsoleErrors(page)
+    // Scroll to make sure the Solid example is visible
+    await page.locator('.solid-example').scrollIntoViewIfNeeded()
+    await page.waitForTimeout(200) // Give more time for any scroll-triggered layouts
     const observer = await withAnimationObserver(page, '.solid-example .parent')
     await page.getByRole('button', { name: 'Toggle Drawer' }).click()
+    await page.waitForTimeout(100) // Additional wait for animation to start
     await waitForActiveAnimations(page, '.solid-example .parent')
     expect(await observer.count()).toBeGreaterThan(0)
     await assertNoErrorsLater()
   })
 
   test('Svelte example animates on add', async ({ page }) => {
     const assertNoErrorsLater = await assertNoConsoleErrors(page)
+    // Scroll to make sure the Svelte example is visible
+    await page.locator('.tag-input').scrollIntoViewIfNeeded()
+    await page.waitForTimeout(100) // Give time for any scroll-triggered layouts
     const observer = await withAnimationObserver(page, '.tag-input ul')
     const input = page.locator('.tag-input input')
     await input.fill('Jazz')
     await input.press('Enter')
-    await page.waitForTimeout(50)
+    await page.waitForTimeout(100) // Increased wait time for animation to start
     expect(await observer.count()).toBeGreaterThan(0)
     await assertNoErrorsLater()
   })
 
   test('Angular example animates on toggle', async ({ page }) => {
     const assertNoErrorsLater = await assertNoConsoleErrors(page)
+    // Scroll to make sure the Angular example is visible
+    await page.locator('.angular-example').scrollIntoViewIfNeeded()
+    await page.waitForTimeout(100) // Give time for any scroll-triggered layouts
     const observer = await withAnimationObserver(page, '.angular-example')
     await page.locator('.angular-example .toggle-story-btn').first().click()
     await waitForActiveAnimations(page, '.angular-example')