Skip to content

Conversation

@jmilljr24
Copy link
Collaborator

What is the goal of this PR and why is this important?

'

Workshops and Resources have search results updated "on click" or while typing. This PR provides visual indication the request has been submitted. Prior, a slow query could feel as though nothing was happening when a user selected a filter.

How did you approach the change?

Update collection stimulus controller to add the tailwind class "blur-sm" to targeted elements. Add the class "blur-on-submit" to any element that should be blurred on user inputs.

Anything else to add?

screenrecording-2026-01-02_10-42-34.mp4

add class to resource results
add class to workshop results
@jmilljr24 jmilljr24 requested a review from maebeale January 2, 2026 15:50
// Connects to data-controller="collection"
export default class extends Controller {
static classes = [ "unselected", "selected" ]
static classes = ["unselected", "selected"];
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

don't you still need to add the spaces around the brackets, per rubocop?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

rubocop is only for Ruby. I added "Prettier" recently to handle my JS files for the time being.

Copy link
Collaborator

@maebeale maebeale left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love this improvement!

@jmilljr24 jmilljr24 merged commit 1367b2a into main Jan 5, 2026
3 checks passed
@jmilljr24 jmilljr24 deleted the add-search-input-visual-feedback branch January 5, 2026 14:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants