Skip to content

Forms: The submit button is no longer full width when it's stack on small screens. #48075

@iamtakashi

Description

@iamtakashi

Impacted plugin

Jetpack

Quick summary

I remember the button in an inline form (input field and submit button aligned side by side) becomes full width when it's stacked for small screen. But that's no longer the case. The submit button is the same width regardless of the size of the viewport. Is this intentional?

Image

Image

But the form in dotcompatterns still behaves as I remember. What's the difference?

Image

Steps to reproduce

  • Add a form, and make the input field auto-width.
  • Set the orientation to horizontal.
  • Set the vertical alignment to bottom.
  • Change the viewport to narrow like a mobile.

Site owner impact

Fewer than 20% of the total website/platform users

Severity

Minor

What other impact(s) does this issue have?

No response

If a workaround is available, please outline it here.

No response

Platform (Simple and/or Atomic)

Simple

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugWhen a feature is broken and / or not performing as intendedNeeds triageTicket needs to be triaged

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions