Post

Wouldn’t it be annoying if you accidentally close the dialog due to light dismiss while you were writing a banger post? 😄 Maybe only light dismiss when there’s nothing typed yet. Is there CSS to check if all inputs are empty? Or it keeps its content when reopened but that’s another UX discussion

Twitter handles this! When nothing is typed, light dismiss. When there’s content, and the user clicks outside of the dialog or hits esc (ie. triggers light dismiss), prompt to save. I would update the behavior on input

Also a light dismissible dialog preserves the form content fyi if you don’t submit it (updated my demo to add an input show that)

Works in Chrome & FF—Safari still missing the overscroll-behavior on non-scrollable scroll containers change. Here's a demo of a similar interaction: codepen.io/una/pen/PwbR...

Unfortunately, this doesn't prevent users from dragging the scroll bar.

Hah that light dismisses it too