ViewTransition: updateCallbackDone ããããã£
Baseline
2025
æè¿å©ç¨å¯è½
October 2025以éããã®æ©è½ã¯ææ°ã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã³ãã©ã¦ã¶ã¼ã§åä½ãã¾ããå¤ã端æ«ããã©ã¦ã¶ã¼ã§ã¯åä½ããªããã¨ãããã¾ãã
updateCallbackDone 㯠ViewTransition ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ã®ããããã£ã§ã document.startViewTransition() ã¡ã½ããã®ã³ã¼ã«ããã¯ãè¿ããããã¹ãå±¥è¡ãããã¨å±¥è¡ãããæå¦ãããã¨æå¦ããããããã¹ (Promise) ã§ãã
updateCallbackDone ã¯ãåä¸ã®ææ¸ (SPA) ã®ãã¥ã¼é·ç§»ã®ã¢ãã¡ã¼ã·ã§ã³ã®æå¦ãæ°ã«ããã DOM ãæ´æ°ããããã©ããããã¤æ´æ°ãããããç¥ãããå ´åã«æçã§ãã
ã¡ã¢:
ææ¸é (MPA) ã®ãã¥ã¼é·ç§»ã®å ´åãé¢é£ä»ãããã ViewTransition ã® updateCallbackDone ãããã¹ã¯èªåçã«å±¥è¡ããã¾ãã
å¤
ãããã¹ (Promise) ã§ãã
ä¾
// æ°ãã SPA ã®ãã¥ã¼é·ç§»ãéå§
const transition = document.startViewTransition(() => displayNewImage());
transition.updateCallbackDone.then(() => {
// æ£å¸¸ã«æ´æ°ããã DOM ã«å¿ç
});
æç¨ãªä¾ã¯ã Transitions as an enhancement ãåç §ãã¦ãã ããã
仿§æ¸
| 仿§æ¸ |
|---|
| CSS View Transitions Module Level 1 > # dom-viewtransition-updatecallbackdone > |