godaddy-wordpress / godaddy-wordpress/coblocks

Form inputs missing min-height and padding causing display issues

Open
#2,648 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
794
Forks
142
PR merge metrics
No merged PRs in 30d

Description

## 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.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.