Improve categories dropdown blur behavior

Created on 3 July 2024, 2 months ago
Updated 8 August 2024, about 1 month ago

Problem/Motivation

๐Ÿ“Œ Improve the categories filter type in context to the rest of the filter component ui Needs work will likely be committed with a few shortcomings to keep scope reasonable.

Right now, the dialog for categories works like a select does, with the exception that clicking off the select doesn't cause it to close, as it would with a normal select box. This is expected behavior.

Proposed resolution

Implement some sort of onBlur or other type of mechanism so that the dialog box closes when someone clicks outside of it (ex.g.) or otherwise indicates they are done with it (ESC key?).

๐Ÿ“Œ Task
Status

Needs review

Version

2.0

Component

User experience

Created by

๐Ÿ‡บ๐Ÿ‡ธUnited States chrisfromredfin Portland, Maine

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @chrisfromredfin
  • ๐Ÿ‡ฎ๐Ÿ‡ชIreland lostcarpark

    Latest changes to the parent issue may cover this. Clicking outside the category dropdown, or tabbing off it, will cause the drop-down to close.

  • ๐Ÿ‡บ๐Ÿ‡ธUnited States chrisfromredfin Portland, Maine

    If someone could just verify / test and include a screencast or something, we could close this probably then.

  • ๐Ÿ‡ฉ๐Ÿ‡ชGermany rkoller Nรผrnberg, Germany

    as @lostcarpark outlined. with the latest version of 2.0.x-dev the modal collapses on tab, on esc and on clicking outside the modal as demonstrated in close.mp4

  • Status changed to Needs review about 1 month ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia snehal-chibde

    IChecked this in version 2.0.x-dev and can confirm as mentioned by @rkoller that the filter by category dropdown is getting closed on click of esc, tab and outside click. Added video for reference.

Production build 0.71.5 2024