[feat] Support prefers-reduced-motion disabling auto-play of animated images (#324) #325
No reviewers
Labels
No labels
a11y
Bug
Bug fix
Critical Priority
Documentation
Feature
Feature request
Held for next release cycle
High Priority
Low Priority
Medium Priority
Minor change
Translation/Locale
WIP
No milestone
No project
No assignees
2 participants
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference: AkkomaGang/akkoma-fe#325
Loading…
Reference in a new issue
No description provided.
Delete branch "Mergan/pleroma-fe:support-prefers-reduced-motion"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Tested on Google Chrome/Windows 10
[feat] Support prefers-reduced-motion disabling auto-play of animated images #324to [feat] Support prefers-reduced-motion disabling auto-play of animated images (#324)oh this is cool! thanks!
I do have one question - maybe prefers-reduced should create the initial value of stopGifs rather than interacting with it? the && chain worries me a little, maybe it should just set stopGifs to (server stopGifs || prefers reduced)?
what do you think?
Something like
stopGifs = window.matchMedia('(prefers-reduced-motion: reduce)').matches || this.$store.getters.mergedConfig.stopGifs
?yeah something like that maybe? at least that makes sense to me
I'm assuming anyone with the browser setting on wouldn't bother toggling it off so I think that logically works? feel free to say I'm silly though I'm not au fait with accessibility optiond
Makes sense to me as well, aye-- I'll push the change in a bit.
Discovered that emoji reactions don't follow the StillImage thingy, so they're animated regardless of any option; I'm seeing if I can make it so that it follows the rule as well :cat_si:
there's also mfm animations in there somewhere as well :hehe:
It is done :acat_joy: (I wish we had emojis here :( )
thanks! i'll use this as a reference implementation to extend across anything that uses it