Skip to content

Firefox input resize vertical css issue #2330

Description

@Grammostola

Firefox puts resize vertical handles on inputs where proprietary subspecies of Chromium do not.
This looks slightly daft:

Image Image

The culprit appears to be scss/ui/_input.scss

// form
textarea,
select,
input {
  border: 1px solid variables.$border-color;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: Arial;
  font-size: variables.$font-size-normal;
  line-height: variables.$line-height-base;
  margin-bottom: .375rem;
  padding: $button-padding-medium;
  resize: vertical;

The proposed fix is to remove resize: vertical; from there and add

textarea {
  resize: vertical;
}

for I cannot see any cases where the resize handle should reasonably appear for an input or select element

Metadata

Metadata

Assignees

No one assigned

    Labels

    PR acceptedAnyone can write a PR for this issuebugMay be fixed by a core developer

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions