Automattic / Automattic/jetpack

Instant Search: filter checkboxes should remain a consistent size

Open
#21,009 0 comments 0 reactions 0 assignees View on GitHub
[Feature] Search [Plugin] Jetpack [Plugin] Search [Pri] Low [Status] Auto-allocated Bug Instant Search Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack

### Steps to Reproduce

On a site with Instant Search enabled, set up a filter with long label names.

Perform a search on the front end of the site.

Check size of checkbox next to long label name, In comparison to the other check box sizes.

### A clear and concise description of what you expected to happen.

I would expect all checkboxes to be a consistent size.

### What actually happened

The text size on the label reduces to accomodate the length, and scales down the size of the corresponding checkbox with it.

### Other information

![image](https://user-images.githubusercontent.com/30754158/132616240-e637215c-2994-4a76-a08d-ed238b113161.png)

### Operating System

_No response_

### OS Version

_No response_

### Browser

Chrome/Chromium, Firefox, Safari

### Browser Version(s)

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in Jetpack Instant Search with a filter containing long labels, then locate the frontend filter and checkbox styling. Compare checkbox sizes across short and long labels; done means all checkboxes remain consistent while labels still accommodate long text, with coverage for the affected browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.