2023-09-13 Meeting notes

5 minutes

Document RTL best practices in Paragon

@Brian Smith

• Ed recommended we add documentation for this.

• Adding this could give us something to refer to when reviewing the 4k line Enzyme → RTL PR

• I made a GH issue for it
  
  

• @Vladyslav Zadorozhnii Guides and How tos would be a good place to document these

5 minutes

Required fields

@Cindy Nguyen

• Looking into form autosuggest component and we are hoping to base error message off of whether it is a required field or not (https://github.com/openedx/paragon/issues/1732 )

• Is there an example of required fields currently existing in paragon? (Did some digging, could not find any examples on the docs site)

• If not should we add an example?
  
  

• @Ben Warzeski (Deactivated): Build out functionality within the AutoSuggest component itself

• @Jeff Witt (Deactivated) use required not aria-required

5 minutes

Tab behavior on Autosuggest

@Cindy Nguyen

• Tabbing in/out of Autosuggest component? How to handle dropdown arrow button?
  
  

• @Jeff Witt (Deactivated) soft preference for not allowing tab to dropdown arrow

  • Will investigate and respond more fully on slack

5 min

keyfilter for Paragon library

@Vladyslav Zadorozhnii

https://primereact.org/keyfilter/
I propose prop for Form.Control to be able to filter allowed keyboard keys

• @Ben Warzeski (Deactivated) use cases?

  • @Peter Kulko assignment types, grade number

• @Jeff Witt (Deactivated) discoverability: ensure requirements are communicated effectively

  • @Ben Warzeski (Deactivated) text input with extra constraints

• @Brian Smith pasting invalid text?

  • the example implementation prevents that (pasting “,example@email.com” leads to nothing in the input field)

5 min

Chip icon

@Jennifer Gregory

• Guidance around moving icons back forward

• How much of that spec is needed to create a version of the chip that is clickable? (Only have dismissable) And also selectable?