2023-10-25 Meeting notes

Transitions (e.g., fade)

@Adam Stankiewicz (Deactivated) / @Vladyslav Zadorozhnii

• TODO: find/link prior doc/discussion from @Vladyslav Zadorozhnii

• 3 primary transitions

  • Fade

  • Collapse

  • Scale (e.g., Avatar)

• Transition for Chip component updates:

  • https://deploy-preview-2713--paragon-openedx.netlify.app/components/chip/

• Is this a pattern we want for Chip and/or are transitions applicable to other components as well (e.g., Button)?

• a11y concerns?

  • prefers-reduced-motion

@Jeff Witt (Deactivated) :
- smooth scrolling:
https://stackoverflow.com/questions/47011055/smooth-vertical-scrolling-on-mouse-wheel-in-vanilla-javascript
Can it be done using CSS or it can be done only using Javascript
Will be investigated deeper.

a11y table is ready

@Vladyslav Zadorozhnii

Accessibility (a11y) DocumentationPreview
@Jeff Witt (Deactivated) will merge information with
https://docs.google.com/document/d/1y_9yTNUiedePojnojJ5PBlUKL5L1ANA4Wsp8dzE3ZvQ/edit
https://docs.google.com/document/d/1LaSj3--yovsr4YIl-5P-sOv2zwek3myIyWqGoJRPEGU/edit?pli=1#heading=h.qo1ztujafizr