Stacked Tabs animation persists through attempts to apply --anim-duration-none

[TheMathGuyd]

Steps to reproduce

1. In a sandbox vault, Toggle stacked tabs and open 2 tabs. Notice that changing between them is an animation.
2. Write a snippet _kill-anim.css with contents:

* {
    transition: var(--anim-duration-none) !important;
}

3. Enable the snippet
4. Test all animations, sidebars, stacked tabs, etc.

Did you follow the troubleshooting guide? [Y/N]

Y

Expected result

Stacked tabs should transition immediately with this snippet enabled. There should be no animation.

Actual result

All elements other than stacked tabs transition immediately with this snippet.
The speed of the stacked tabs animation remains unchanged.

Environment

SYSTEM INFO:
Obsidian version: v1.6.7
Installer version: v1.4.16
Operating system: Darwin Kernel Version 23.5.0: Wed May 1 20:16:51 PDT 2024; root:xnu-10063.121.3~5/RELEASE_ARM64_T8103 23.5.0
Login status: logged in
Catalyst license: supporter
Insider build toggle: on
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 1
Restricted mode: on

---

Additional information

It is not accessible to have animations that cannot be disabled.

[kepano]

Clicking on a stacked tab is not a CSS animation, that’s why it cannot be targeted that way. When you click a stacked tab you’re scrolling (horizontally) to that position, so the animation comes from the scroll behavior, similar to clicking an anchor link in a browser.