7nik
7nik
Can you elaborate on what exactly you are doing or provide a REPL? Also, the list of $effects dependencies is determined dynamically at runtime — $effect "listens" only for the...
Can `dispatch` from `svelte/events` be implemented to "fix" this?
Steps to reproduce: 1. add `duration: 3000` to the animations; 2. click any element to start the animation; 3. click the flying element again. After a lot of clicking, I...
A bit [more demonstrative example](https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAA11Ru27DIBT9FUQ7JEokux1dO1KlLp07lg7YXBoUDBZcp40o_14gD1cdGO55wbkEKpUGT5v3QA0fgTb0eZroluJpyoM_gkZIs7ezGzLS-sGpCXfMMFTjZB2SYM0LeHT2FIl0diTs4mP0r0pyAf8EFTpuvEJlzVmbjwYkfm-_SEfuPXKEleTaw_rpSpqFqRc03QMuMR7w1SC4I9er1Zp0O2I2my15qC_a22Mv7KCBu5ujpKyzsq2WpqbVvAddSrfKTHO6Li2oY3TYw3Do7TejpFdGNGUG0YXcIBbDW-4STMyR15hwp2QpGUukUEeyrKLJm_r51LbnuguBiNnxgpPHuq5JPMcyPIcme5X8u4yk4ErJBKYfG61QUoGgDboZ4kf8BXqMRZTsAQAA) of disabled updates during outro transition.
`white-space` can be set in various ways in various places, so checking for this CSS property will never be reliable. You need to set the compiler option `preserveWhitespace` to `true`....
https://github.com/egilsster/runes-repro/blob/aeed5e758a8cd639f0ad84b2c854194d3f306fd4/src/item-store.svelte.ts#L32C9-L40 `filteredItems` must be in closure as well: ```js return { get filteredItems() { return filteredItems; }, }; ```
Isn't it the same as #12033?
Basically, it's caused by [margin collapsing](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing), but its rules are complicated. Moreover, margin collapsing may involve more than two elements, which may be non-adjacent siblings or non-direct parent-child, and all...
[I tried to do it](https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAA8Vae08bSRL_Ko3vtNgbP7C9fxkbxCac7iQCK8G9ZFtJe6aNO8xLM20wx_q7X1W_pudlCBftKUroR3VVdT1-VdPkpbXmActak_lLK6Iha01aF0nS6rbEc4KT7JEFgsE8i7ephyvTzEt5Is4W0ULwMIlTQV5IFnCfkT1Zp3FIjvsDkdIo44LHUf9bdnyKtAET5JFnfBWwIZkRkW5ZeX3UsD521vWOzx9hNh3kykTTgK5YIPWa8ijZCoJ3mC1a3oZ5D6t4t2iRFY_8iZwzf_Zi1NmTgTy2ireRx0gckUWLR4sWCjBM3819VMc93oofxH5s2F_HaUgDQiOfZGEci43LHsZgMeIFNMuAKYyHi5Y89vInvrZ-2eMKaIC0uQsnyruZeA5QoxX1Hu5TuIzf8-IgTickBtJ7ljL_VDOVf_TPaXKmzvNIKgdXJ8PecDpIzg6TjHKS6QA0UuoO-FpqOU2UQpOQpvc8EnECqp2AlepYjQ2rekm_qG0rpWKsUY2xRsZYybtNVVFllNvFuWgd3ejQjUbmws03GtfcaPwj3V-n1_h1t49fdXvdmYP-Hdf4V15GnuijMciLEujzLAno84SsA7Y7VWs47Pk8ZZ40BoFLb8NIbu4lAklWgJBh7PM1Z35rgli171pAzU2Z4-q3zMXUEo7SjCjcvXVhdaHB2AHXRUtC4hqABafE26649wUu3RYddScvjjJB1gigpEeG_ROpeMrENo1g-Wf994PeQhtH6szl1eXny-u7L9c3ny7h-PDUbNxd_suuju3qx5urq4vfbi9-vbr88ulvt79dXfz7FgjmEDBB7D0sWl24QMAz0eOChWqablcsH_VWNMunz3IKIRYJyiOWLlpLedfBgNzdfLohgj6gl0VMqOdBNArylIJNovse-IGR8_NzTb0jfsyy6FhABFMw8hMXG0JJtA1XwFVrz7O_AzanKAqUbu86ZHYGi9f0up3QNGN_CWIqYLljdLiHGpTx_wCcrzEiAppkFFKIKDSClAABQeC4Bg58VHSg42dJ1Y5A0y6w8Zn2FuRim2c3W3GzBolPkqDTIdpdyNGWRhl2oKvkG0LBYP4tLqkzp4ZbnVv6PPKCrc-ytmTS11HfMXn500-K-_xrQn0f1P3zC-q4_7oks9kM3HOS7LB6lalXceqzVBP_k_tic_hEP35k6RruSY4k0Yb7Potq6JJYhbumo6sMclBArJAmkjXfMd9wIgQcBpRtVEwr9GssRAxhSM5d32uDbBi_30AGTWTX0TFcvodFyKO_ai6__06cGKpsT2cEXdb3As4ioVaNZGKivbAJwZWFEMQsyNj5u5Sju4PK5dtn_7tyHQOuFnbKAudfVdbYMMPwJWTvIJUO_b3OPrFhUi-b2nS9BnwmWMYgXjMn7yrppNQ5ACMbAKhellCPTUiSsoylj0y1VTzkAU1NaknD4D93AOnS7BYZ85Q1NP-gwZb1RcrDdke7SIF3AysXfa0F35j31mqF9CZSaBRHmDfg9lLeuGnTtJ0nnil_VpRuz_cOPPJoDVZdYQnWqEj9b2BVsDGY27jQcVXEduJCkxQQEqpvBSaPlDProHEuOXVRiWsYEAAhY0HcmJC5sjeMb1XAdMEFEvIjd3XZVYcgCB7NIRzzeJtVD5Z2zGE_foKmwcnMuziRaan4rXmaiY8bHvgNOhAjGXq3CmGDzG1i1aUpGPNaWhFtpCj2c7CoLKeYB1gBY_B1EN-3F9isACpjkZJdB9ZjxwmomQoySBOIwzYuIPYYW8OwkHFI33Gtr0IXads5s4N6SBWQVKp-mgcAcoNIxZ958hxVkqcuRHRAzurLsoweGW9WmjkA3JGR5TpXxCeKful2V3pLncz33RRRe1klMUwrIsMGOoyaZIHjxVy5DFgIk6zaVeCFacRDCljxWUuEzmxZsoadMuBEFPDLNT82DrRmq0lVPIW9GwY8uiy3n2vBDsnLQUmnfrLNNobs1BBpZdTy_GSpNyT27ImOQvdQQw_1UkDGeUl2F8yhWO9l5TLkZRW3Ubbha9GeKyO_0tRpp3csWBoLw9c5SyuuOGTdnGsJRhYtBAEYThDd4aCxfYXOtgQTs9wxEAA2k-WUy2KKdQBQadEaQMdOcUA8BJ5iLliTupep82GDB_Oo-v64evPdmoPvdb0P6G7cWR-BxRCSFQnAcyghdCT_HWNJqqsJi9Y2UZ9Ayqv5xWUhyLeNp-32qSMNOQ-VpUbqxwGBcth1bOiOtVR3y9LLwbLoZIsZLrCM3uVxZTJ5lXpf_mBXGp1GryilLTrKeZdqlwnY3hnaSTPt1MYLlssjQ1HBypFzx6YbjhqQcuRAZSEcc1eZemgt8N3-Gevg-kP8U59qh3oY5k_y9gUV7ZbLYLeAxJ1C9S5D_5oHgqVtfL2QjwPwcz5cdoosmqjcwu_RwNsGwNo-IMiSr-oI801T4D7r6D0tRHLPCg88yAkridyBD7ikosFpThxKx36mYoPfoW3oXfr9vuRQoKI7S0V3VSrpauA0JScYxkh-Rk5sY4RbH3C1TOxSuAZXpNJIbCefw-z95auYLoEvxGfyawZ7Ln-bUvV5Qn45gTmjsnGd5Q9h4PIdR8scPx-TPX4I7J2PCLl3hID4rL56jg6_l9R-dDlNdse-pZQbDuc9r3iR_BJGfa3y3olw-2VjghKw1wQvDpeqkz3YEBbqYoGZQnfDT8_extIUhpwrj-CDkQYgC91QClxX_T6EmUdF216iU2GiuB_go3UtsNJrDjcjoYZRLrxI3Si5IMKeEbDLhBJxZMVhPLncziFTJqTnLA1GJRZW7tu4wL5mUYODuSe6RYPmgVNweTe_Rregjm0T13FK2god5qoIIB7oLheBzPVv_tCiEKVYHhUcq-OmVFrxVuD-ewUbz7xTdum-hdx7w8OL0jBOqMcFItQH_cypFhwS9cAIFJW3N_306NAmtXT6ZdYaS9OuDtC6l1PkK_FUR6_ecYG1fMMtHFgdOKD4V86EtfqrIldSP6xVX5E62luH0BScAEfWFBocmwYacc2vdCTI6rFBWt2zKrhVE8G9B9J2XyuxQBgZ-LoqZO98ggmphsNOocmRtaD0sO2881WJbJw009hAaSaxlnwDlYWXZsKi899A6rj9IHUesW8ha9L0PRDkdpj9-hfnqqD9O2QW0eedYsVC5FMVy9VPFfkApoOzIC5PCvsfKQ5Hp_mlyx9kY_mLoP-LmauSHUtbNWrz07bKgvxMRtBnDjswcGG9KW3xgJ58wI96V4WGHJZCnOJNek5hBC6FyWssbRoVuOrVXrHqWd75vJl9BSaQP9aT1w8VAUOeWx0-V4AOPJAcNmcZQ-SRVfnIXr2F40dH9bf3y_1_AYMYyLkaJQAA), but I don't know how reliable it is. Plus, it ignores `writing-mode` and `white-space`. Likely something else isn't taken into account.
[Updated version (v4)](https://svelte-5-preview.vercel.app/#H4sIAAAAAAAAA7VaC3PbNhL-K7DaaaRED1tq7yG_6jpuczOO3Tn7rncjaWKKhCzUFMEhIMupw_9-u3gRpCjJSXrxTEwR-8butwvIz40Zi6loDEfPjSRY0MawcZamjXZDfkzxg3iksaTwWfBlFuKbIxFmLJUn42Qs2SLlmSTPRMQsoiQns4wvyKtuT2ZBIphkPHl1iIQxleSRCTaN6QE5JjJb0ur7_ob3A--9WYnYI3w66hWWJEdxMKWxMuqIJelSEnTgeNwI5zR8mPKncYNMWRIN1WcaHT9bc3LSU2xTvkxCSnhCxg2WjBuowAr9Yun9Oul8Kf8k8QMr_opniyAmQRIRseBczn3x8AwRI2EcCAFC4flg3FBsz9-wmduXHN-ABUhb7N9Qb62QH2O0aBqED_cZOBN1Qh7zbEg4kN7TjEaHRqj6Mb-P0hPNzxJlHLhODjoHR730ZDtJvyA56oFF2twemykrj1JnECitYR9Y9p2U32tKp2QtVv2aWPVtrNIvjtSaKf0iLJ6fdXT9wrm65cEujwY1Hg3-zN2vs2uwe9cHO3e9jmewLRqDmv1VziiOLgaDPGuFERNpHHwckllMnw71O3zsRCyjoQoGAaeXi0Qt5gqAlChAxwWP2IzRqDFEqMrbDkyLUBaY-rvw8bTXI4sguwejQXocpALCndJQDMlcylQMe73VatVdDbo8u-_d_rN3fnPT7_cAFLpzuYi_MUwsue9oMQKdBKG312-viQweMB6SkyAMYd8k5AENwCbAom3iISuWGU2MioKFr05RfAX3A0F0n7jx28DYNA-vGYwbhx5zuJyy8Bp2qcpAA_RHEY-TkCdCkovLi_cXV7cfrq7fXkBDODi0C7cX_3FvB-7t-fXl5dmvN2c_XV58ePuPm18vz_57AwQjSOGYhw_jRhu0xUzIDpN0oT9myyktnjrTQBQfP6qPkPSJDFhCs3FjoozrvX5NfsRtjegMEqlxy9Nx49O48ROXkoPcnNxgRF731kmXmjKhT1I9RHyVqIc0o4_I-dbmXQ376N3t-8uLmC5oItskWS6mNPuULOO4rRROcvJe5xSyKuYxPJPf5lTOaUbgP_IYxEtKIk5F8kpChQewJysm5yQw8hTHjyls_YI8C5nBluRAZ95nVC6zRJDnKeeQH0k-1sp0_Jn4F-RLhsGCsDeBq0WOT8jeuLF_0B98_8Nf_vq3v48bXZaE8TKiAglG-5PW4SZjE451LUgT_W4Zx0sGXgFFrugq9llWL2LW1hn0ZBVgJt5BopvVJnK0NCxoKUpsF_-7hQ0gx8fHpXwEq_MiUxUmnAfQqsHzhK5gJ9Imemb9-gUmmJAvoM3TSFOLkifWyDpnoDpvkOMtBTzPAjR-zZl7KhWN8B0BpG8WlnXngVltEeOitwgC9KICOs8rAR7B4rkxXmnxKD0RwohoG0ZN4KsSNmobt9umZjCbQR0QbFOQguJlu17JSm-nAXCuZz_HfOWHZzNe3q3mABEdkQYhHRKoTUGzR3qnRy22YLANNr7rWeLAyYXZ0fwby--0C2W1aLYUMU4oh1ZWTUa2bKfydkRviL_dpnP5oe6a1ma0JDyhOH_qRvzpkyFKucZoQzVjTzTaTRZMBfREWSdwFvNAkj1Pp22czjwz15fyAMtDsD9gVp7ZjhjAgGKbJM8I4lwpC_zS9pLBrCIgAnCxdWQoYLOuiM5dZ9VYahOalYpqLaGKrQa51QrasF-QfiDLeAhY5flt9dR1NB8_vX1u2a347jutdXSXBlEEjnz7jNbndxOze_vpU7FxBfWUZxHNDPFvLJLz7Rxd_kgz2O6VITIzZQ2hy569SvaQTSSVPHRkOrvWEpoQiCUQNdF2Y45txuTU70smZnPK7ueyRYYqGV3oLCCEMYOseqeIMPcEXwBMQSgJjQU9tUo_R-OCJe-MUqgVSFJBf0Zn1pePjjVelIwoGfqZmoOnrZqL5ZMdmh0WuVKuShvd6XR2KYeZTohf_aZA1qqfJTPA3ynO74EtiiD6HQAY8Big2XaIzRhA4aG06mapnMA4_zJ40FVfDw84tZ0Zkww6oM42Si9BBF5XjIhGDqj8K-AjUEs2fChnSNxsR54VVuSgjDRHKLGLFDe69bUJ_mt61Lr9AXGixqvEp5602loHzpPbdSAF40vh9GzVUaF2enCAHRIvF9UwbNPkFEzfZsOMZUKez1kcaTc_w0-rYrhDBZyASxq-zM1luksPJBakxZXac_UPU8jw5yPIkIkFffHAUjyndviso_ATEwUPcBKmDugWqkVgidvUgceahmOTCYmPLa3XXnI3VuwpGij-vdoBo75zmRI83tUUnRbLAFmAopzckSbe1_QTfyY0S5qzWC9hw1kU2fLHo1vNdCDw7G_PHe7cXip3bfYITkgo4_8MIZ7EehxZBfFDGUdEE-1qk3o40Rsyi1kK5sCOVKsNYN8eIAGu7enS20ueqv5K1bF0A7_rIUP72t3J2v3Rv_s2j1eUhEGScEnuOVmmeM0JTbmjarqHT1h6yiV1bNNZEqEHSjUehV0WG9Hq8LQBZI3_7ZI3dvItErDvEg_ZiuEz4mVd21QVG7Am3uuBuGXddCnmdunQrqAUkK9fwxHXLOSFsA1h-PpAKB05MUhiXAUA2bPRMTfq5RitdWNbWdUObMtMpRDM6viO1hzMt1fVxtIZ2UJtE_s0qZvSq9WjA-NKhpSxuqh-dTFiiiJI2CKAA62RgRdFZKQF1UGep8IgFZl4Y7zacjhg1-GTzf2KRkiM0cFETbwaMOtwocJjIcLeHFVB2O8TSFn0CQu5FYHQgmNJsybeiGELxN9gFfgIoXfV87KIcjzKe-GcHJbR6wwmUyE5Qlidqz574SfWR9VLX5hXO1-BkwX7V2BlIWQbxPjG7yjmDcCDP36w6kEIf3aH2WGUn1P1tuQuG1TSo6ccDhAxv2-O8cobjoOCRkMUUBRLu1pn7VKalK6IXp6bJe83UK1NEudBHC5jkO9uGhSimfv3qKjW2sGhtFq5TViDKCvUxtwwl_o5GiFclxBwEEurPpDTU7LvX8gtVFK9D-QcT4xNmKm63a4SVKIKnhxV8LROpZIKJB2BcNsskecNyvc3BF56QbTFj_9D8LzLfw0D9Eld8bsgqK8JDG4-k4iqyyicA6OlvsTEK_39fXihr_7ho_1yALLmiWFwPLXjxpO6Kf-I1-Sve0311CI5nqty726mMuQqFMThV0ncw0IGPjUNb79dKa5sPCNcTwMDKmN_q-WuYqqg64WqHI8iFjYIxvO8dehVm95WVx6AOLaM8HGih_T6nmjwyU8PJ0fDmBVlPu2QZqHPFwioAUpw-ypp7xtcYdBytvAYc0psxuMaLheMNfqNinynfS4J61RqNXtOJeaLLw8KE9C_473q9deEON0vkwPrWsg6wOoQt4vIFftf2r52YX67ZIS7cpxB_22aRLAw_Qe1Iw3UdWnTSkb4qK6Zxo3OCeK9U_r5auwOfJYmz6ctV62q9EvHoCBkEkHojbnB1C88En0xCBRr92TmytCjNderOlPW6IvVGh6XGJvY_E3TnPp6FsSpq9k61jLFOq-WuYPdI1r7fkd9JdxsFRnKEia9vxsoFGYUcDD0Z2s_q7pAFILeagqoFtg06fLB5ApezOj5k2y4gWmO_HRRqFx_GYmXRihEO1aXoSY3K-Y7ON8im7h7ch-4i4EAv5dapk1viqvX31ZBZUG81ZDdxhgp5eHNsWV0wR_pxSMA_CWcYmkC8xP-AZTMOE0irDNjcPlMu4GPLzfwKaWKEbL6xdo2MWxSU8wr9o86VGs1z7a_mh3UTVZ_CIUYkqbUGaa9fGW_1BiSOYsimhy-Im_s4p3BiyH59tnNYBLmwR_a5KAFv816fnjnMWngQB4k1Z_y9KlEY6q-I3lqCQv82EQ8VWVTode1VGXRtY3iOyssbctUhowNXFpPHaMHFlVenZG-Q6aHkY7XLWDkdB82SCh72SxGh065FzhRXgTa9h40X_9rnUn-P-EWz4IGKQAA). I'll blame Svelte's transition API for being limiting. I find Vue's transition API much better.