[New pattern]: form action/submission section - what happens when content overflows viewport

[danielmutis]

Visual

Context

When designing a form where the content (inputs) are taller than the height of the viewport, the section of the form with the submit and cancel actions becomes sticky at the bottom, which adds a shadow to it. When the content is shorter, it is at the same level as the inputs and is separated by a horizontal rule.

[syncronize-issues-to-jira]

Thank you for reporting your feedback to us!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-35133.

This message was autogenerated

[dgtlntv]

Design systems meeting:

• We should have a general approach towards indicating that there is overflowing content beneath another element. Shadow vs. (thicker) borders vs. darker background vs. fades .

  • There is some situations where shadows don't scale well. In complex data tables there are e.g. multiple dimensions of scrolling. Using shadows there does not work well.

• This needs more exploration to find a general solution.