这是indexloc提供的服务,不要输入任何密码
Skip to content

Form inputs missing min-height and padding causing display issues #2648

@jnealey88

Description

@jnealey88

Description

Form inputs (text, email, tel, url, date, number) and textareas in the CoBlocks form block are missing default min-height and padding values. This causes display inconsistencies across different themes that don't provide their own form styling.

Problem

Without explicit height and padding values, form inputs can appear too small or inconsistent, leading to poor user experience and accessibility concerns.

Solution

Added fallback CSS rules to ensure all form inputs have:

  • Minimum height of 40px for better touch targets (WCAG accessibility)
  • Consistent padding of 8px 12px
  • Applied to text, email, tel, url, date, number inputs, select elements, and textareas

Impact

This ensures form inputs display consistently across all themes and meet minimum accessibility standards for touch/click target sizes.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions