Page Comparison

New text field style variants (early look)

Jon

• All general thoughts and feedback welcome!

Error content block

Gabe

Connor Haugh

Adam Stankiewicz

Challenge

• Nested / stacked modals (a modal that opens another modal).

  • need to override the modals' z-index CSS property for them to stack properly.

  • Use case:

    • Figma

• Using TinyMCE in a Paragon modal

  • toolbar dropdowns have a z-index of ~1000 which is less than the z-index of 3050 uses for Paragon modals.

Open questions

• Are nested / stacked modals a design pattern we expect to use more moving forward?

  • Some evidence for maybe why should avoid nested modals (e.g.,

  • Are there alternative design patterns to nested modals?

• Should Paragon natively support nested / stacked modals without requiring custom CSS overrides?

• Should we update ModalDialog’s z-index to use a pre-defined z-index value?

  • See existing values