Native dialog (overlay)
Scroll to regular textarea
Open native modal
Open transformed modal
Open non-modal dialog
Page spacer 1
Page spacer 2
Regular page textarea
Red underlines mean that Grammarly has spotted a mistake in your writing.
Page spacer 3
Page spacer 4
Page spacer 5
Native modal dialog
Red underlines mean that Grammarly has spotted a mistake in your writing.
Close
Transformed modal dialog
This modal is shifted with a CSS transform to check overlay positioning.
Close
Non-modal dialog
This dialog is opened with show(), not showModal().
Close
Page spacer 6
Page spacer 7